Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство margin


CSS Справочник Полный CSS Справочник

Пример

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

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

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

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

Стенографическое свойство 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
Наследуется: нет
Версия: CSS1
JavaScript синтаксис: объект.style.margin="10px 5px"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство margin поддерживается всеми основными браузерами.

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


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

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


Смотрите Также

CSS уроки: CSS Поля


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru