A belső margók - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

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