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 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