English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS padding-Método de uso e exemplo do atributo left

padding-A propriedade left CSS define o preenchimento para a esquerda, ou seja, o espaço entre a borda esquerda e o conteúdo do elemento. No entanto, em muitos casos, a abreviação de propriedades CSS abreviadaspaddingMais comum e preferível.

A tabela a seguir fornece a descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:0
Aplicável a:Todos os elementos, exceto<tbody><thead><tfoot><tr><colgroup>e<col>。Também se aplica a::first-letter
Herança:Não
Animável:Sim.Por favor, consulte Propriedades animadas
Versão:CSS 1,2,3
Sintaxe JavaScript:object.style.paddingLeft="2em"

padding-Sintaxe de uso do left

A sintaxe dessa propriedade é a seguinte:

padding-left: length | percentage | initial | inherit

Os seguintes exemplos mostram como usar padding-Atributo left.

  h1 {
   padding-left: 2em;
  }
  p {
   padding-left: 50px;
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
lengthValores numéricos em unidades como px, pt, cm, em, etc., não é permitido usar valores negativos.
percentageEspecifique o preenchimento em porcentagem. A porcentagem é calculada com base na largura do bloco contido do elemento. Não é permitido usar valores de porcentagem negativos.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado usa o padding do elemento pai-Valores do atributo left.

Compatibilidade do navegador

padding-Compatibilidade do navegador do atributo left, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Ver os seguintes tutoriais:CSS preenchimentoCSS Box modelo

Propriedades relacionadas:paddingpadding-toppadding-rightpadding-bottom