English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство margin-top CSS устанавливает верхний марджин элемента. Однако, в许多 случаях, какmarginТакие сокращенные свойства CSS удобнее и предпочтительнее использовать.
В таблице приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | 0 |
|---|---|
| Поддерживается: | Все элементы, кроме table displayэлементам за исключением тех, которые имеют тип (table-caption table inline-table). . Оно также применяется к ::first-letter. |
| Наследование: | Нет |
| Анимация: | Да.Пожалуйста, обратитесь к: Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object.style.marginTop="20px" |
Грамматика этого свойства такая:
margin-top: length | percentage | auto | initial | inherit
Ниже приведены примеры того, как использовать свойство margin-top.
h1 {
margin-top: 25px;
}
p {
margin-top: 50px;
}Протестируйте и посмотрите‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Размеры, выраженные в px, pt, cm, em и т.д. Допускаются отрицательные значения. |
| percentage | Процент. Рассчитывается в процентах от ширины блока, содержащего элемент. |
| auto | Браузер вычислит марджин для заданного элемента. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если задан, то связанный элемент принимает значение свойства margin-top родительского элемента. |
Совместимость браузеров для свойства margin-top; числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:CSS Margin,CSS Box Model.
Соответствующие свойства:margin,margin-right,margin-bottom,margin-left.