Click to return to the DHTML, HTML     
clipLeft Property     clipTop Property     DHTML Properties    
Web Workshop  |  DHTML, HTML & CSS

clipRight Property


Retrieves the right coordinate of the object clipping region.

Syntax

HTML N/A
Scripting [ sRight = ] currentStyle.clipRight

Possible Values

sRight String that specifies one of the following values:
autoRight side of object is fully exposed—that is, the right 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 with no default value.

Example

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

Sample Code

<SCRIPT>
function setClip(sOptionValue) {
    oImage.style.clip="rect(0,"+sOptionValue+",100,0)";
    if (oElmnt1.currentStyle.clipRight == "60px") {
        alert("The image has been clipped to 60px.");
        }
:
} 
</SCRIPT>
:
<IMG ID=oImage SRC="/workshop/graphics/sphere.jpg">
:
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>

This feature requires Internet Explorer 5 or later. Click the icon below to install the latest version. Then reload this page to view the sample.
Microsoft Internet Explorer

Applies To

[ Object Name ]
PlatformVersion
Win16:
Win32:
Mac:
Unix:
WinCE:
currentStyle

See Also

clip, clipBottom, clipLeft, clipTop



Back to topBack to top

Did you find this topic useful? Suggestions for other topics? Write us!

© 1999 Microsoft Corporation. All rights reserved. Terms of use.