logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.