HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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