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

cssselektor {
  margin-bottom: värde;
}

Exempel

Vi sätter en extern marginal nedanför på 50px för ett block:

html<div id="parent">
  <div id="elem"></div>
</div>
css#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