clipBottom property

Gets the bottom coordinate of the object clipping region.

Syntax

JavaScript

p = object.clipBottom

Property values

Type: Variant

auto

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

length

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

Examples

This example reads the clipBottom 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.clipBottom == "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 bottom: 
  // 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
clipLeft
clipRight
clipTop

 

 

Show:
© 2014 Microsoft