Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

Это свойство не имеет эффекта на незамещаемых (non-replaced) строковых (inline) элементах, таких как <span> или <code>.

Синтаксис

/* значения <length> */
margin-top: 10px;  /* абсолютное значение */
margin-top: 1em;   /* относительно размера текста */
margin-top: 5%;    /* относительно ширины ближайшего контейнера */

/* ключевые слова */
margin-top: auto;

/* глобальные значения */
margin-top: inherit;
margin-top: initial;
margin-top: unset;

Свойство margin-top может принимать значение auto, <length> или <percentage>. Эти значения могут быть положительные, отрицательные или равны нулю.

Значения

<length>
Значение margin является фиксированной величиной
<percentage>
Значение margin выражается в процентах по отношению к ширине блока, содержащего элемент.
auto
Браузер выбирает подходящее значение для использования. Смотри margin.

Формальный синтаксис

<length> | <percentage> | auto

Примеры

.content { margin-top:   5%; }
.sidebox { margin-top: 10px; }
.logo    { margin-top: -5px; }
#footer  { margin-top:  1em; } 

Спецификации

Specification Status Comment
CSS Basic Box Model
Определение 'margin-top' в этой спецификации.
Рабочий черновик Никаких существенных изменений
CSS Transitions
Определение 'margin-top' в этой спецификации.
Рабочий черновик Определяет margin-top как анимационный.
CSS Level 2 (Revision 1)
Определение 'margin-top' в этой спецификации.
Рекомендация Устраняет его влияние на строковые (inline) элементы.
CSS Level 1
Определение 'margin-top' в этой спецификации.
Рекомендация Начальное определение

Начальное значение0
Применяется квсе элементы, кроме элементов с табличным типом display, отличным от table-caption, table и inline-table. Это также применяется к ::first-letter.
Наследуетсянет
Процентыссылается на ширину содержащего блока
Отображениевизуальный
Обработка значенияпроцент, как указан, или аблосютная длина
Animation typeдлина
Канонический порядокуникальный неоднозначный порядок, определённый формальной грамматикой

Совместимость с браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
margin-topChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка 3Opera Полная поддержка 3.5Safari Полная поддержка 1WebView Android Полная поддержка 1Chrome Android ? Edge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка 6Safari iOS Полная поддержка 1Samsung Internet Android ?
autoChrome Полная поддержка 1Edge ? Firefox Полная поддержка 1IE Полная поддержка 6
Замечания
Полная поддержка 6
Замечания
Замечания The auto value is not supported in quirks mode.
Opera Полная поддержка 3.5Safari Полная поддержка 1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна
Смотрите замечания реализации.
Смотрите замечания реализации.

Метки документа и участники

Внесли вклад в эту страницу: mdnwebdocs-bot, bsergey
Обновлялась последний раз: mdnwebdocs-bot,