Margin-top hassaýasy

margin-top hassaýasy elementiň ýokardan daşarky aralygyny belgileýär. Hassaýanyň bahasy bolsa, ölçegler üçin islendik birlikler ýa-da auto açar sözü bolup biler, bu bolsa element üçin aralygy hasaplamagy brauzeriň özüne tabşyrýar.

Sinaksis

cssselektor {
  margin-top: baha;
}

Mysal

Blok üçin ýokardan daşarky aralygy 50px belläliň:

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;
}

Результат:

Şeýle-de görmeli