Свойство 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;
}

Результат:

Смотрите также

  • свойство margin-top,
    которое задает внешний отступ сверху
  • свойство margin-left,
    которое задает внешний отступ слева
  • свойство margin-right,
    которое задает внешний отступ справа
  • свойство margin,
    которое является сокращением для внешнего отступа
  • свойство padding,
    которое задает внутренний отступ