Свойство CSS marginProperty


Пример

Установите все четыре отступа элемента p:

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

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

Определение свойства и инструкции по использованию

Свойство-сокращение 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;
    • Все четыре внешних отступа равны 10px

Примечание:Допускаются отрицательные значения.

Значение по умолчанию: 0
Наследуется: нет
версия: CSS1
Синтаксис JavaScript: object.style.margin="10px 5px"


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

Цифры в таблице указывают первую версию браузера, поддерживающую это свойство.

Свойство
margin 1.0 6.0 1.0 1.0 3.5

Значение свойства

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


Связанные статьи

Учебник CSS:CSS Margin

Другие расширения