JavaScript Reference/Javascript Properties/clipRight

Материал из Web эксперт
Версия от 18:30, 25 мая 2010; (обсуждение)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"clipRight" Example

    
<html>
<head>
<style>
#myImage {position:absolute; 
      top:224px; 
      left:75px; 
      clip:rect(0,300,225,0)}
</style>
<script language="JavaScript">
    function function5() {
        document.all.myImage.style.clip = "rect(0,300,225,0)"
    } 
    function function2() {
        document.all.myImage.style.clip = "rect(0,50,225,0)";
    } 
</script></head>
<body bgcolor="#EEEEEE" bottommargin="100"> 
<img src="yourimage.gif" id="myImage">
<input type="button" value="Restore" onClick="function5();">
<input type="button" value="Clip right 50" onClick="function2(50);">
</body>
</html>



"clipRight" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |currentStyle                                                  |
+----------------+--------------------------------------------------------------+



"clipRight" Possible Values

Possible Values
auto                                 the default; right side is not clipped
floating-point                       (pixels are used if no unit designator is specified).
number followed by 
a unit designator: cm, mm, in, 
                   pt, pc, px,
                   em, or ex



"clipRight" Syntax and Note

Note:
Read-only properties. 
Return the right coordinates of an element"s clipping region. 
    
Syntax:
    
document.all.currentStyle.clipBottom
document.all.currentStyle.clipLeft
document.all.currentStyle.clipRight
document.all.currentStyle.clipTop