Хосияти margin-bottom

Хосияти margin-bottom ҳошияи берунаи поёни элементро муқаррар мекунад. Қимати хосият ҳар гуна воҳидҳои барои андозаҳо ё хосияти калидӣ auto мебошад, ки ба браузер имкон медиҳад, ки ҳошияи элементро худкор ҳисоб кунад.

Синтаксис

cssинтихобкунанда {
  margin-bottom: қимат;
}

Намуна

Барои блок ҳошияи берунаи поёни 50px муқаррар кунем:

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

Результат:

Инчунин нигаред