Egy HTML elem külső margójának szélessége mind négy oldalán különböző lehet. A 4 értéket szóközzel elválasztva felsorolhatjuk.
A felső külső margó szélességének megadása:
kijelölő
{
margin
:
érték
érték
érték
érték;
}
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:10px 1px 5px 20px; }
</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_kulon_2.html