padding-left
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Свойство 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>
-
Размер заполнения зависит от ширины блока. Не может быть отрицательным.
Формальное определение
Начальное значение | 0 |
---|---|
Применяется к | все элементы, кроме table-row-group , table-header-group , table-footer-group , table-row , table-column-group и table-column . Это также применяется к ::first-letter и ::first-line . |
Наследуется | нет |
Проценты | ссылается на ширину содержащего блока |
Обработка значения | процент, как указан, или абсолютная длина |
Animation type | длина |
Формальный синтаксис
padding-left =
<length-percentage [0,∞]>
<length-percentage> =
<length> |
<percentage>
Примеры
.content {
padding-left: 5%;
}
.sidebox {
padding-left: 10px;
}
Спецификации
Specification |
---|
CSS Box Model Module Level 3 # padding-physical |
Совместимость с браузерами
BCD tables only load in the browser