clipBottom

HTML (DHTML)

clipBottom Property

Internet Development Index

Retrieves the bottom coordinate of the object clipping region.

Syntax

[ sBottom = ] currentStyle.clipBottom

Possible Values

sBottomVariant that receives one of the following values.
autoBottom side of object is fully exposed—that is, the bottom side is not clipped.
lengthFloating-point number, followed by an absolute units designator (cm, mm, in, pt, pc, or px) or a relative units designator (em or ex). For more information about the supported length units, see CSS Length Units.

The property is read-only. The property has no default value.

Example

This example reads the clipBottom property from the currentStyle object of an image.

<SCRIPT>
function setClip(sOptionValue) {
oImage.style.clip="rect(0,100,"+sOptionValue+",0)";
if (oImage.currentStyle.clipBottom == "60px") {
alert("The image has been clipped to 60px.");
}
:
}
</SCRIPT>
:
<IMG ID=oImage SRC="../common/sphere.jpg">
:
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>
This feature requires Microsoft® Internet Explorer 5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Standards Information

There is no public standard that applies to this property.

Applies To

currentStyle

See Also

clip, clipLeft, clipRight, clipTop