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    

A függőleges túlnyúlás kezelése



Ha egy tárolóelem méretét meghaladja a benne elhelyezett tartalom, akkor a kilógó területek kezelésének módját, függőleges irányban az overflow-x tulajdonság segítségével adhatjuk meg..

A függőleges túlnyúlás kezelésének beállítása:

kijelölő
{
overflow-y
:
kulcsszó;
}



Példa:

Forráskód



<body>
  <b>visible:</b>
  <div class="tarolo" style="overflow-y: visible;"> 
     <div>overflow-y: visible; </div> 
  </div>          
  <br><b>scroll:</b>   
  <div class="tarolo" style="overflow-y: scroll;"> 
     <div>overflow-y: scroll; </div> 
  </div>  
  <br><b>hidden:</b>   
  <div class="tarolo" style="overflow-y: hidden;"> 
    <div> overflow-y: hidden; </div> 
  </div>    
  <br><b>auto:</b>
  <div class="tarolo" style="overflow-y: auto;"> 
    <div>overflow-y: auto; </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_y_01.html