Перейти к справке CSSp { margin:2cm 4cm 3cm 4cm;
}
Описание и использование
Свойство CSS margin задает внешние отступы от элемента до окружающих его элементов одной записью. Свойство margin может иметь от одного до четырех значений.
Примеры:
- margin:10px 5px 15px 20px;
- верхний отступ равен 10px
- правый отступ равен 5px
- нижний отступ равен 15px
- левый отступ равен 20px
- margin:10px 5px 15px;
- верхний отступ равен 10px
- правый и левый отступы равны 5px
- нижний отступ равен 15px
- margin:10px 5px;
- верхний и нижний отступы равны 10px
- правый и левый отступы равны 5px
- margin:10px;
- все четыре отступа равны 10px
Заметка: разрешены отрицательные значения.
Заметка: для облегчения запоминания порядка задания отступов можно запомнить два простых правила:
- Отступы нумеруются с верхнего по часовой стрелки
- Вертикальные отступы имеют приоритет перед горизонтальными, т.е. если указано три значения отступа, два вертикальных имеют свои отдельные отступы, а отступ слева и справа одинаковый.
| Значение по умолчанию | 0 |
|---|---|
| Наследование | нет |
| Версия CSS | CSS 1 |
| Синтаксис JavaScript | object.style.margin=»10px 5px» |
Поддержка в браузерах
Свойство margin поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Возможные значения свойства margin
| Значение | Описание |
|---|---|
| auto | Браузер высчитывает размер отступа автоматически |
| размер | Отступ в фиксированных величинах — px (пиксели), pt (пункты), cm (сантиметры) и тд. Размер по умолчанию — 0px |
| % | Размер отступа в процентах от ширины родительского элемента |
| inherit | Значение наследуется от родительского элемента |
Похожие страницы
Учебник CSS: Margin — внешние отступы в CSS