Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining
clipRight

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.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/clipRight.htm


<script type="text/javascript">
function setClip(sOptionValue) {
  oImage.style.clip="rect("+sOptionValue+",100,100,0)";
  if (oImage.currentStyle.clipRight == "60px") {
    alert("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:
© 2015 Microsoft