Свойство 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