css властивість margin-top


CSS властивість margin-top встановлює відступ від верхнього краю елемента.

Властивість `margin-top`

Відстань встановиться від верхнього краю поточного елемента до внутрішнього краю батьківського елемента.

Властивість може отримувати в якості значення, як довжину так і відсотки та ключове слово auto. Значення може бути від'ємне. У цьому випадку елементу буде розташований ближче до сусідніх елементів.

Зона для margin знаходиться поза межами(border), які в свою чергу знаходяться поза полями(padding).

Нотатка:

Властивість margin-top не впливає на такі елементи як <tt> та <span>.

Нотатка:

Вертикальні відступи двох елементів можуть об'єднуватися.

Синтакс

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;
}

Додаткові посилання

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів