Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining
Export (0) Print
Expand All
Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

clipLeft property

Gets the left coordinate of the object clipping region.

Syntax

JavaScript

p = object.clipLeft

 

Property values

Type: Variant

auto

The left side of object is fully exposed—that is, the left side is not clipped.

length

Floating-point number, followed by a supported length unit.

Examples

This example demonstrates how to read the clipLeft property from the currentStyle object of an image.


<script type="text/javascript">
function setClip(sOptionValue) {
  oImage.style.clip="rect("+sOptionValue+",100,100,0)";
  if (oImage.currentStyle.clipLeft == "60px") {
    console.log("The image has been clipped to 60px.");
  }
...
}	 
</script>
... 
<img id="oImage" alt="sphere" src="/workshop/graphics/sphere.png"> 
... 
Pick an amount to clip the left: 
  // the option value is sent as an argument:
<select onchange="setClip(value)">
<option value="100">reset</option>
<option value="40">40px</option>
<option value="50">50px</option>
<option value="60">60px</option>
</select>

See also

CSSStyleDeclaration
currentStyle
style
Reference
clip
clipBottom
clipRight
clipTop

 

 

Show:
© 2015 Microsoft