Пример
Указывает все четыре поля элемента p:<html>
<head>
<meta charset="utf-8" />
<style>
p.ex1 { margin:2cm 4cm 3cm 4cm; }
</style>
</head>
<body>
<p>Параграф без указаных полей.</p>
<p class="ex1">Параграф с указаными полями.</p>
<p>Параграф без указаных полей.</p>
</body>
</html>
Определение и использование
Сокращенное свойство 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: | object.style.margin="10px 5px" |
Поддержка браузеров
Свойство margin поддерживается во всех ведущих браузерах.
Примечание: Значение "inherit" не поддерживается в IE7 и более ранних. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| auto | Браузер вычисляет поля | Играйте » |
| length | Указывает поля в px, pt, cm, и т.д. Значение по умолчанию 0px | Играйте » |
| % | Указывает поля в процентах от ширины содержащего элемента | Играйте » |
| inherit | Указывает, что значение свойства margin должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
