CSS Свойство margin
Полный 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;
Замечание: Допустимы отрицательные значения.
Значение по умолчанию: |
0 |
Наследуется: |
нет |
Версия: |
CSS1 |
JavaScript синтаксис: |
объект.style.margin="10px 5px" |
Поддержка Браузерами
Свойство margin поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
Значение |
Описание |
auto |
Браузер вычисляет поля |
расстояние |
Указывает поле в пикселах, пунктах, сантиметрах, и т.д. Значение по умолчанию равно 0px |
% |
Указывает поле в процентах от ширины содержащего элемента
|
inherit |
Указывает, что поля должны наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Поля
Полный CSS Справочник
|