Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS margin

Перейти к справке CSS

p
{
margin:2cm 4cm 3cm 4cm;
}


Описание и использование

Свойство CSS margin задает внешние отступы от элемента до окружающих его элементов одной записью. Свойство margin может иметь от одного до четырех значений.

Примеры:

Заметка: разрешены отрицательные значения.

Заметка: для облегчения запоминания порядка задания отступов можно запомнить два простых правила:

  1. Отступы нумеруются с верхнего по часовой стрелки
  2. Вертикальные отступы имеют приоритет перед горизонтальными, т.е. если указано три значения отступа, два вертикальных имеют свои отдельные отступы, а отступ слева и справа одинаковый.
Значение по умолчанию 0
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.margin="10px 5px"

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство margin поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства margin

Значение Описание
auto Браузер высчитывает размер отступа автоматически
размер Отступ в фиксированных величинах — px (пиксели), pt (пункты), cm (сантиметры) и тд. Размер по умолчанию — 0px
% Размер отступа в процентах от ширины родительского элемента
inherit Значение наследуется от родительского элемента

Похожие страницы

Учебник CSS: Margin — внешние отступы в CSS


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта