Свойство CSS padding-left определяет ширину левого внутреннего отступа элемента.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Внутренний отступ элемента (англ. "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>- Размер заполнения зависит от ширины блока. Не может быть отрицательным.
Формальный синтаксис
Примеры
.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 и ::first-line. |
| Наследуется | нет |
| Проценты | ссылается на ширину содержащего блока |
| Обработка значения | процент, как указан, или аблосютная длина |
| Animation type | длина |
Совместимость
BCD tables only load in the browser