Nuestros voluntarios aún no han traducido este artículo al Español. ¡Únete a nosotros y ayúdanos a traducirlo!
También puedes leer el artículo en English (US).

The padding-left CSS property sets the width of the padding area to the left of an element.

An element's padding area is the space between its content and its border.

Note: The padding property can be used to set paddings on all four sides of an element with a single declaration.

Syntax

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

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

/* Global values */
padding-left: inherit;
padding-left: initial;
padding-left: unset;

The padding-left property is specified as a single value chosen from the list below. Unlike margins, negative values are not allowed for padding.

Values

<length>
The size of the padding as a fixed value. Must be nonnegative.
<percentage>
The size of the padding as a percentage, relative to the width of the containing block. Must be nonnegative.

Formal syntax

<length> | <percentage>

Examples

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

Specifications

Specification Status Comment
CSS Basic Box Model
The definition of 'padding-left' in that specification.
Working Draft No change.
CSS Transitions
The definition of 'padding-left' in that specification.
Working Draft Defines padding-left as animatable.
CSS Level 2 (Revision 1)
The definition of 'padding-left' in that specification.
Recommendation No change.
CSS Level 1
The definition of 'padding-left' in that specification.
Recommendation Initial definition.
Initial value0
Applies toall elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter.
Inheritedno
Percentagesrefer to the width of the containing block
Mediavisual
Computed valuethe percentage as specified or the absolute length
Animation typea length
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
padding-leftChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 4Opera Full support 3.5Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support YesSafari iOS Full support 1Samsung Internet Android Full support Yes

Legend

Full support  
Full support

See also

Etiquetas y colaboradores del documento

Última actualización por: bershanskiy,