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