CSS-свойство margin-top устанавливает верхний отступ элемента. Однако во многих случаях более короткое свойство margin удобнее.
| Значение по умолчанию: | 0 |
| Применяется к: | Все элементы, кроме тех, которые имеют display table-caption, table, и inline-table. Это также относится к ::first-letter. |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
margin-top: length | percentage | auto | initial | inherit
Примеры написания кода свойства margin-top:
h1 {
margin-top: 25px;
}
p {
margin-top: 50px;
}
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Значение может быть указано в px, pt, cm, em и т. д. Допускаются отрицательные значения. |
| percentage | Значение указанное в процентах. Процент рассчитывается относительно ширины содержащего элемента блока. |
auto |
Браузер не будет считать margin для указанного элемента. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента margin-top. |
Поддержка браузеров
Свойство margin-top поддерживается во всех основных браузерах.















