A vízszintes 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, vízszintes irányban az overflow-x tulajdonság segítségével adhatjuk meg..

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

kijelölő

{

overflow-x

kulcsszó;

}

Példa:

Forráskód


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