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

Результат:

Сондай-ақ қараңыз