clipRight property

Gets the right coordinate of the object clipping region.

Syntax

JavaScript

p = object.clipRight

Property values

Type: Variant

auto

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

length

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

Examples

This example demonstrates how to read the clipRight 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.clipRight == "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 right: 
  // 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
clipLeft
clipTop

 

 

Show:
© 2014 Microsoft