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