A propriedade CSS padding-left

Definição e uso

O atributo paddingLeft define o espaçamento interno esquerdo (espaço em branco) do elemento.

Explicação

Esta propriedade define a largura do espaçamento interno esquerdo do elemento. No caso de elementos inline não substituíveis, o espaçamento interno esquerdo definido aparece apenas na margem esquerda da primeira caixa inline gerada pelo elemento.

Comentário:Não é permitido usar valores negativos.

Veja também:

Tutorial de CSS:Margem interna do CSS

Manual do HTML DOM:Atributo paddingLeft

Exemplo

Definir o espaçamento interno esquerdo do elemento p:

p
  {
  padding-left:2cm;
  }

Experimente você mesmo

(Mais exemplos podem ser encontrados na parte inferior da página)

Sintaxe do CSS

padding-left: length|initial|inherit;

Valor do atributo

Valor Descrição
length Define um valor de espaçamento interno esquerdo fixo em unidades específicas, como pixels, centímetros, etc. O valor padrão é 0px.
% Define um espaçamento interno esquerdo em porcentagem com base na largura do elemento pai. Este valor não funciona como esperado em todos os navegadores.
inherit Define que a largura do espaçamento interno esquerdo deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.paddingLeft="10px"

TIY Exemplo

Definir espaçamento interno esquerdo 1
Este exemplo mostra como usar valores em centímetros para definir o espaçamento interno esquerdo da célula.
Definir espaçamento interno esquerdo 2
Este exemplo mostra como usar porcentagens para definir o espaçamento interno esquerdo da célula.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5