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>
Размер заполнения зависит от ширины блока. Не может быть отрицательным.

 

Формальный синтаксис

<length> | <percentage>

Примеры

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

Определения

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

Совместимость

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
padding-leftChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка 4Opera Полная поддержка 3.5Safari Полная поддержка 1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка 1Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка