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