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

Свойство 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
Базовая поддержкаChrome Полная поддержка 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 ?

Легенда

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

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

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