padding-left

Свойство CSS padding-left определяет ширину левого внутреннего отступа элемента.

Интерактивный пример

Внутренний отступ элемента (англ. "padding") - это пространство между его содержимым и его границей.

Примечание: Свойство padding можно использовать для установки внутренних отступов на всех четырёх сторонах элемента одним значением.

Синтаксис

css

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

Примеры

css

.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