A külső margó segítségével egy blokk-elemnek, az őt befoglaló és körülvélő elemekhez viszonyított helyzete adható meg. (Távolságát a befoglaló elem belső margójától vagy a szomszédos elemek külső margójától.
A külső margók szélességének beállítása:
kijelölő
{
margin
:
kulcsszó/méret;
}
Példa:
Forráskód
<style>
div {border:2px solid red; margin: 0;float: left;
width: 50px; height: 50px;
color:#666600; background-color: #aaaa00 }
#id_1 {margin: 4px; }
</style>
...
<body>
<div>0 px</div>
<div>0 px</div>
<div id="id_1">3 px</div>
<div>0 px</div>
<div>0 px</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_kulso_margo.html