JavaScript Reference/Javascript Properties/clipLeft

Материал из Web эксперт
Перейти к: навигация, поиск

"clipLeft" Example

   <source lang="javascript">

<html> <head> <style>

  1. 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 function4() {
       document.all.myImage.style.clip = "rect(0,300,225,50)";
   }

</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 left 50" onClick="function4(50);"> </body> </html> 


     </source>


"clipLeft" is applied to

   <source lang="javascript">

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

     </source>


"clipLeft" Possible Values

   <source lang="javascript">

Possible Values auto the default; left 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 
   
     
     </source>


"clipLeft" Syntax and Note

   <source lang="javascript">

Note: Read-only properties. Return the left coordinates of an element"s clipping region.

Syntax:

document.all.currentStyle.clipBottom document.all.currentStyle.clipLeft document.all.currentStyle.clipRight document.all.currentStyle.clipTop 


     </source>
Источник — «http://wbex.ru/index.php?title=JavaScript_Reference/Javascript_Properties/clipLeft&oldid=7349»