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 belső margók



A HTML elmek szegélye és belső tartalma közötti távolságot a padding tulajdonság segítségével állíthatjuk be.

A belső margók alapértelmezett értéke 0. Megadhatók abszolút és relatív módon, de negatív értéket nem vehetnek fel.

A belső margók szélességénak megadása:

kijelölő
{
padding:
kulcsszó/méret;
}



Példa:

Forráskód



<style>
  div { height:80px;  width: 120px;
        margin:1px;  border:1px solid red;  
        background-color:yellow; }   
    
 .div_1 { padding:0;} 
 .div_2 { padding:2px;} 
 .div_3 { padding:5px;} 
 .div_4 { padding:10px;}    
 .div_5 { padding:20px;}                     	     
</style>     
...
<body>            
 <div class="div_1">0px</div>
 <div class="div_2">2px</div>
 <div class="div_3">5px</div>
 <div class="div_4">10px</div>
 <div class="div_5">20px</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_belso_margo.html