# Свойство margin-top

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

## Синтаксис

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

## Пример

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

`<div id="parent"> <div id="elem"></div> </div>` `#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`,
  которое задает внутренний отступ

←→
↑