logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.