Свойство CSS margin

определение и использование

сокращенный атрибут отступа устанавливает все свойства отступов в одном заявлении. Этот атрибут может иметь от 1 до 4 значений.

описание

Эта сокращенная свойство устанавливает ширину всех отступов элемента или ширину отступов каждой стороны.

вертикальные смежные отступы блоковых элементов сливаются,而行ные элементы фактически не занимают верхние и нижние отступы. Левые и правые отступы для строковых элементов не сливаются. Также отступы для плавающих элементов не сливаются. Допускается указывать отрицательные значения отступов, но при их использовании следует быть осторожным.

замечание:допускается использование отрицательных значений.

пример 1

отступ:10px 5px 15px 20px;
  • верхний отступ равен 10px
  • правый отступ равен 5px
  • нижний отступ равен 15px
  • левый отступ равен 20px

пример 2

отступ:10px 5px 15px;
  • верхний отступ равен 10px
  • правый и левый отступы равны 5px
  • нижний отступ равен 15px

пример 3

отступ:10px 5px;
  • верхний и нижний отступы равны 10px
  • правый и левый отступы равны 5px

пример 4

отступ:10px;
  • все 4 отступа равны 10px

смотрите также:

учебник CSS:Внешние отступы CSS

руководство по HTML DOM:атрибут отступ

пример

установить 4 отступа для элемента p:

p
  {
  отступ:2cm 4cm 3cm 4cm;
  }

попробуйте сами

CSS синтаксис

отступ: length|auto|initial|inherit;

значение атрибута

значение описание
auto браузер рассчитывает отступы.
length определяет значение отступа в конкретных единицах измерения, таких как пиксели, сантиметры и т.д. Значением по умолчанию является 0px.
% указывает отступы в процентах от ширины содержимого.
inherit определяет, что отступы должны наследоваться от родительского элемента.

технические детали

по умолчанию: 0
наследование: нет
версия: CSS1
JavaScript синтаксис: object

более примеров

все свойства отступов в одном заявлении
Этот пример демонстрирует, как можно установить все свойства отступов в одном заявлении.

поддержка браузера

Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5