A túlnyúlás kezelése (overflow)

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, az overflow tulajdonság segítségével adhatjuk meg..

A túlnyúlás kezelésének beállítása:

kijelölő

{

overflow

kulcsszó;

}

Példa:

Forráskód


<b>visible:</b>
<div class="tarolo" style="overflow: visible;"> 
    <div>Beállítás: overflow: visible; </div> 
</div>          
<b>scroll:</b>   
<div class="tarolo" style="overflow: scroll;"> 
    <div>Beállítás: overflow: scroll; </div> 
</div>  
<b>hidden:</b>   
<div class="tarolo" style="overflow: hidden;"> 
    <div>Beállítás: overflow: hidden; </div> 
</div>    
<b>auto:</b>
<div class="tarolo" style="overflow: auto;"> 
    <div>Beállítás: overflow: auto; </div> 
</div>

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_overflow_01.html