Egenskapen margin-top

Egenskapen margin-top sätter den övre yttre marginalen för ett element. Värdena för egenskapen är vilka enheter för storlekar som helst eller nyckelvärdet auto, som låter webbläsaren självständigt beräkna elementets marginal.

Syntax

cssselektor {
  margin-top: värde;
}

Exempel

Sätt den övre yttre marginalen för ett block till 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 även

  • egenskapen margin-bottom,
    som sätter den nedre yttre marginalen
  • egenskapen margin-left,
    som sätter den vänstra yttre marginalen
  • egenskapen margin-right,
    som sätter den högra yttre marginalen
  • egenskapen margin,
    som är en förkortning för yttre marginal
  • egenskapen padding,
    som sätter den inre marginalen