Resumo
A propriedade CSS padding-left é um elemento que define o espaço de preenchimento obrigatório no lado esquerdo de um elemento. padding area é o espaço entre o conteúdo do elemento e a borda. Um valor negativo não é permitido.
| Initial value | 0 |
|---|---|
| Aplica-se a | all 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. |
| Inherited | não |
| Percentages | refer to the width of the containing block |
| Midia | visual |
| Computed value | the percentage as specified or the absolute length |
| Animatable | yes, as a length |
| Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
Syntax formal: <length> | <percentage>
padding-left: 0.5em; padding-left: 0; padding-left: 2cm; padding-left: 10% padding-left: inherit
Valores
<length>-
<percentage>- Um percentual em relação a largura do bloco.
Exemplos
.content { padding-left: 5%; }
.sidebox { padding-left: 10px; }
Especificações
| Especificação | Status | Comentário |
|---|---|---|
| CSS Basic Box Model The definition of 'padding-left' in that specification. |
Working Draft |
Nenhuma mudança.
|
| CSS Transitions The definition of 'padding-left' in that specification. |
Working Draft | Define padding-left como animatable. |
| CSS Level 2 (Revision 1) The definition of 'padding-left' in that specification. |
Recommendation |
Nenhuma mudança.
|
| CSS Level 1 The definition of 'padding-left' in that specification. |
Recommendation |
Definição inicial.
|
Compatibilidade do Navegador
| Recurso | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Suporte Básico | 1.0 | 1.0 (1.0) | 4.0 | 3.5 | 1.0 (85) |
| Recurso | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Suporte básico | ? | ? | ? | ? | ? |