padding-left
Свойство CSS padding-left определяет ширину левого внутреннего отступа элемента.
Интерактивный пример
Внутренний отступ элемента (англ. "padding") - это пространство между его содержимым и его границей.
Примечание: Свойство padding можно использовать для установки внутренних отступов на всех четырёх сторонах элемента одним значением.
Синтаксис
/ * <length> значения * /
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;
/ * <percentage> значение * /
padding-left: 10%;
/ * Глобальные значения * /
padding-left: inherit;
padding-left: initial;
padding-left: unset;
Значения
<length>-
Фиксированный размер заполнения отступа. Не может быть отрицательным.
<percentage>-
Размер заполнения зависит от ширины блока. Не может быть отрицательным.
Формальный синтаксис
padding-left =
<length-percentage [0,∞]> (en-US)
<length-percentage> =
<length> | (en-US)
<percentage>
Примеры
.content {padding-left: 5%; }
.sidebox {padding-left: 10px; }
Определения
| Спецификация | Статус | Комментарий |
|---|---|---|
| CSS Box Model Определение 'padding-left' в этой спецификации. |
Кандидат в рекомендации | Без изменений. |
| CSS Transitions Определение 'padding-left' в этой спецификации. |
Рабочий черновик | Переопределяет padding-left как анимируемое свойство. |
| CSS Level 2 (Revision 1) Определение 'padding-left' в этой спецификации. |
Рекомендация | Без изменений. |
| CSS Level 1 Определение 'padding-left' в этой спецификации. |
Рекомендация | Первоначальное определение. |
| Начальное значение | 0 |
|---|---|
| Применяется к | все элементы, кроме table-row-group, table-header-group, table-footer-group, table-row, table-column-group и table-column. Это также применяется к ::first-letter и ::first-line. |
| Наследуется | нет |
| Проценты | ссылается на ширину содержащего блока |
| Обработка значения | процент, как указан, или абсолютная длина |
| Animation type | длина |
Совместимость
BCD tables only load in the browser