Margin-top-ominaisuus

Ominaisuus margin-top asettaa elementin yläreunan ulkoisen marginaalin. Ominaisuuden arvoina voivat olla mitkä tahansa koot yksiköt tai avainsana auto, joka antaa selaimen laskea elementin marginaalin automaattisesti.

Syntaksi

cssvalitsija {
  margin-top: arvo;
}

Esimerkki

Asetetaan lohkolle ulkoinen ylä marginaali 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;
}

Результат:

Katso myös