Egenskapen margin-bottom
Egenskapen margin-bottom sätter
den externa marginalen nedanför ett element. Värdet
på egenskapen kan vara vilken enhet för storlekar som helst
eller nyckelordet auto,
som låter webbläsaren själv beräkna
elementets marginal.
Syntax
selektor {
margin-bottom: värde;
}
Exempel
Vi sätter en extern marginal nedanför på 50px för ett block:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Se även
-
egenskapen
margin-top,
som sätter den externa marginalen ovanför -
egenskapen
margin-left,
som sätter den externa marginalen till vänster -
egenskapen
margin-right,
som sätter den externa marginalen till höger -
egenskapen
margin,
som är en förkortning för externa marginaler -
egenskapen
padding,
som sätter den interna marginalen
