Látható terület kijelölése (clip)

A clip tulajdonság segítségével kijelölhető egy HTML elem megjelenítendő területe.

A HTML elem tartalmának azon része, amely a clip tulajdonságnál megadott (vágási) területen kívül esik nem fog látszani.

Csak abszolút pozicionálású elemekre alkalmazható!

Látható terület kijelölése:

kijelölő

{

clip

rect (top, right, bottom, left);

}

Példa:

Forráskód


<body>
   <div class="tarolo"> 
       <div style="clip:rect(0px,200px,100px,0px);">  
         rect (top, right, bottom, left) <br> 
         rect (top, right, bottom, left) <br>       
         rect (top, right, bottom, left) <br> 
         rect (top, right, bottom, left) <br> 
         rect (top, right, bottom, left)
       </div> 
   </div>    
   <div class="tarolo"> 
       <div  style="clip:rect(0px,100px,100px,0px);">
….
        </div> 
   </div>      
   <div class="tarolo"> 
       <div style="clip:rect(40px,200px,100px,20px);"> 
….
       </div> 
   </div>  
   <div class="tarolo"> 
       <div  style="clip:rect(25px,150px,75px,50px);"> 
….
       </div> 
   </div>    
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_clip_02.html