margin-bottom Özelliği

margin-bottom özelliği, bir öğenin altındaki dış kenar boşluğunu ayarlar. Özelliğin değeri, boyutlar için herhangi bir birim veya tarayıcının kenar boşluğunu kendisinin hesaplamasına izin veren auto anahtar sözcüğü olabilir.

Sözdizimi

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

Örnek

Bir bloğa alttan 50px dış kenar boşluğu verelim:

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

Результат:

Ayrıca Bakınız

  • üstten dış kenar boşluğu ayarlayan margin-top özelliği,
  • soldan dış kenar boşluğu ayarlayan margin-left özelliği,
  • sağdan dış kenar boşluğu ayarlayan margin-right özelliği,
  • dış kenar boşluğu için kısaltma olan margin özelliği,
  • iç kenar boşluğu ayarlayan padding özelliği,