Egenskaben margin-top

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

Syntaks

cssselektor {
  margin-top: værdi;
}

Eksempel

Lad os give blokken en øverste ydre margen på 50px:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-top: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Se også

  • egenskaben margin-bottom,
    som indstiller den nederste ydre margen
  • egenskaben margin-left,
    som indstiller den venstre ydre margen
  • egenskaben margin-right,
    som indstiller den højre ydre margen
  • egenskaben margin,
    som er en forkortelse for den ydre margen
  • egenskaben padding,
    som indstiller den indre margen