padding-left

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 value0
Aplica-se aall 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.
Inheritednão
Percentagesrefer to the width of the containing block
Midiavisual
Computed valuethe percentage as specified or the absolute length
Animation typea length
Canonical orderthe 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>
Especifica uma largura fixa positiva. Consulte <length> para obter detalhes.
<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.		 Rascunho atual
Nenhuma mudança.
CSS Transitions
The definition of 'padding-left' in that specification.		 Rascunho atual Define padding-left como animatable.
CSS Level 2 (Revision 1)
The definition of 'padding-left' in that specification.		 Recomendação
Nenhuma mudança.
CSS Level 1
The definition of 'padding-left' in that specification.		 Recomendação
Definição inicial.

Compatibilidade do Navegador

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

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 ? ? ? ? ?