Egenskaben margin-bottom

Egenskaben margin-bottom indstiller den ydre margen nederst på et element. Værdien af egenskaben kan være enhver enhed for størrelser eller nøgleegenskaben auto, som lader browseren selv beregne elementets margen.

Syntaks

cssselektor {
  margin-bottom: værdi;
}

Eksempel

Lad os give blokken en ydre bundmargen på 50px:

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 også

  • egenskaben margin-top,
    som angiver den ydre margen øverst
  • egenskaben margin-left,
    som angiver den ydre margen til venstre
  • egenskaben margin-right,
    som angiver den ydre margen til højre
  • egenskaben margin,
    som er en forkortelse for den ydre margen
  • egenskaben padding,
    som angiver den indre margen (padding)