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