margin
CSS свойство margin
Поддержка браузеров
Описание
Свойство margin позволяет управлять размерами полей внешнего отступа и объединяет в себе остальные свойства margin. Поле внешнего отступа - это пустое пространство от внешнего края рамки элемента до внутренней границы родительского элемента.
Свойство margin позволяет установить от 1 до 4 значений. Размер поля устанавливается начиная с верхнего края, если задано только два значения, то первое значение устанавливает размер для верхнего и нижнего поля, а второе для правого и левого.
Примеры:
-
margin:10px 5px 15px 20px;
- Верхнее поле - 10px
- Правое поле - 5px
- Нижнее поле - 15px
-
Левое поле - 20px
-
margin:10px 5px 15px;
- Верхнее поле - 10px
- Правое и левое поле - 5px
-
Нижнее поле - 15px
-
margin:10px 5px;
- Верхнее и нижнее поле - 10px
-
Правое и левое поле - 5px
-
margin:10px;
- Все 4 поля по 10px
Допускаются отрицательные значения полей.
Значение по умолчанию: | 0 |
---|---|
Наследуется: | нет |
Версия: | CSS1 |
Синтаксис JavaScript: | object.style.margin="10px 5px" |
Значения свойства
Значение | Описание |
---|---|
auto | Браузер вычисляет размер автоматически. |
размер | Указывает размер поля в единицах измерения, поддерживающихся в CSS. |
% | Задает размер поля в процентах от родительского элемента. |
inherit | Указывает, что значение наследуется от родительского элемента. |
div#myBox { background-color:#1aa5ca; margin:10px 2px 15px 50px; }