VISSZA
MENÜ
TOVÁBBEgy HTML elem külső margójának szélessége mind négy oldalán különböző lehet.
A felső külső margó szélességének megadása:
kijelölő
{
margin-top
:
kulcsszó/méret;
}
A jobboldali külső margó szélességének megadása:
kijelölő
{
margin-right
:
kulcsszó/méret;
}
Az alsó külső margó szélességének megadása:
kijelölő
{
margin-bottom
:
kulcsszó/méret;
}
A baloldali külső margó szélességének megadása:
kijelölő
{
margin-left
:
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-top:10px; margin-bottom:1px;
margin-right:5px; margin-left: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.html