Свойство margin-top

Свойство margin-top устанавливает внешний отступ сверху элемента. Значением свойства служат любые единицы для размеров либо ключевое свойство auto, предоставляющее браузеру самостоятельно вычислять отступ элемента.

Синтаксис

cssселектор {
  margin-top: значение;
}

Пример

Зададим блоку внешний отступ сверху в 50px:

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

Результат:

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

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