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