padding-right
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Summary
CSS свойство padding-right элемента устанавливает значение поля от правого края элемента. Поля элемента (padding area) это область, расположенная между контентом и границей элемента. Отрицательное значение не валидно.
| Начальное значение | 0 |
|---|---|
| Применяется к | все элементы, кроме table-row-group, table-header-group, table-footer-group, table-row, table-column-group и table-column. Это также применяется к ::first-letter и ::first-line. |
| Наследуется | нет |
| Проценты | ссылается на ширину содержащего блока |
| Обработка значения | процент, как указан, или абсолютная длина |
| Animation type | длина |
Syntax
css
/* <length> значения */
padding-right: 0.5em;
padding-right: 0;
padding-right: 2cm;
/* <percentage> значения */
padding-right: 10%;
/* Общие значения */
padding-right: inherit;
padding-right: initial;
padding-right: unset;
Values
- <length>
-
Устанавливает положительную фиксированную ширину. Подробнее:
<length>. - <percentage>
-
Процент по отношению к ширине контейнера.
Formal syntax
padding-right =
<length-percentage [0,∞]>
<length-percentage> =
<length> |
<percentage>
Examples
css
.content {
padding-right: 5%;
}
.sidebox {
padding-right: 10px;
}
Спецификации
| Specification |
|---|
| CSS Box Model Module Level 3 # padding-physical |
Совместимость с браузерами
BCD tables only load in the browser