We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS


CSS  property  padding-left  element sets the value of the field from the left edge of the element. Fields element ( the padding area ) is an area located between the content and the cell boundary. A negative value is not valid.

Начальное значение0
Применяется квсе элементы, кроме table-row-group, table-header-group, table-footer-group, table-row, table-column-group и table-column. Это также применяется к ::first-letter.
Процентыссылается на ширину содержащего блока
Обработка значенияпроцент, как указан, или аблосютная длина
Animation typeдлина
Канонический порядокуникальный неоднозначный порядок, определённый формальной грамматикой


/ * <The length> value * /
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;

/ * < PERCENTAGE > value * /
padding-left: 10%;

/ * Total value * /
padding-left: inherit;
padding-left: initial;
padding-left: unset;


Sets the positive fixed width. Details: <length>.
Percentage in relation to the width of the container.

The formal syntax

<length> | <percentage>


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


Specification Status A comment
CSS Basic Box Model
Определение 'padding-left' в этой спецификации.
Рабочий черновик Without changes
CSS Transitions
Определение 'padding-left' в этой спецификации.
Рабочий черновик Specifies  the padding-left , as the property being animated.
CSS Level 2 (Revision 1)
Определение 'padding-left' в этой спецификации.
Рекомендация Without changes
CSS Level 1
Определение 'padding-left' в этой спецификации.
Рекомендация Initial definition

Browser Compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 10 1.0 (1.0) 4.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

Метки документа и участники

Внесли вклад в эту страницу: Sebastianz, Prinz_Rana, andreww2012, justtry
Обновлялась последний раз: Sebastianz,