padding-right

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.
Наследуетсянет
Процентыссылается на ширину содержащего блока
Отображениевизуальный
Обработка значенияпроцент, как указан, или аблосютная длина
Animation typeдлина
Канонический порядокуникальный неоднозначный порядок, определённый формальной грамматикой

Syntax

/* <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

<length> | <percentage>

Examples

.content { padding-right: 5%; }
.sidebox { padding-right: 10px; }

Specifications

Specification Status Comment
CSS Basic Box Model
Определение 'padding-right' в этой спецификации.		 Рабочий черновик Без изменений.
CSS Transitions
Определение 'padding-right' в этой спецификации.		 Рабочий черновик Определяет padding-right, как анимируемое свойство.
CSS Level 2 (Revision 1)
Определение 'padding-right' в этой спецификации.		 Рекомендация Без изменений.
CSS Level 1
Определение 'padding-right' в этой спецификации.		 Рекомендация Исходное определение.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?
Связанные темы