css властивість margin-top
CSS властивість margin-top встановлює відступ від верхнього краю елемента.
Відстань встановиться від верхнього краю поточного елемента до внутрішнього краю батьківського елемента.
Властивість може отримувати в якості значення, як довжину так і відсотки та ключове слово auto. Значення може бути від'ємне. У цьому випадку елементу буде розташований ближче до сусідніх елементів.
Зона для margin знаходиться поза межами(border), які в свою чергу знаходяться поза полями(padding).
| Нотатка: | Вертикальні відступи двох елементів можуть об'єднуватися. |
| Нотатка: | Ця властивість не впливає на незамінні вбудовані елементи, такі як |
Синтаксис
margin-top: length|auto|initial|inherit;Властивість margin-top може отримувати 4 значення:
lengthВеличину верхнього відступу можна вказувати в пікселях (px), відсотках (%) або інших допустимих для CSS одиницях. Значення може бути додатнім та від'ємним.
autoВказує, що розмір відступів буде автоматично розрахований браузером.
initialВстановлює цю властивість в значення без задання
inheritУспадкує значення властивості від свого батьківського елемента
| Значення без задання: | 0 |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.marginTop="100px" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| margin-top | 1.0 |
6.0 |
1.0 |
1.0 |
3.5 |
| Переглядач | |||
|---|---|---|---|
| margin-top | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Найпростіший приклад використання css властивості margin-top
Зараз ми встановили верхній відступ в 2см.
p {
margin-top: 2cm;
}