margin-top Özelliği

margin-top özelliği, bir öğenin üstündeki dış kenar boşluğunu ayarlar. Özelliğin değeri boyut birimlerinden herhangi biri veya tarayıcının kenar boşluğunu kendi kendine hesaplamasını sağlayan auto anahtar sözcüğü olabilir.

Sözdizimi

cssseçici {
  margin-top: değer;
}

Örnek

Blok için üstten 50px dış kenar boşluğu ayarlayalım:

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

Результат:

Ayrıca Bakınız