manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS padding-Atributo bottom CSS3 overflow-Atributo y

Método de uso e exemplo da propriedade de preenchimento CSS

A propriedade de preenchimento CSS pode definir o preenchimento em todos os quatro lados do elemento. Épadding-top，padding-right，padding-bottomepadding-leftA abreviação do atributo.

A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso do atributo 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.Veja também Propriedade de animação。
Versão:	CSS 1，2，3
Sintaxe do JavaScript:	object.style.padding="20px 15px"

Sintaxe de uso do padding

A sintaxe dessa propriedade é a seguinte:

padding:　[　length　|　percentage]　1　to　4　values　|　initial　|　inherit

O exemplo a seguir demonstra como usar a propriedade padding.

Exemplo

　　p.one　{
　　　padding:　20px;
　　}
　　p.two　{
　　　padding:　35px　15px;
　　}

Teste e veja‹/›

Este atalho abreviado pode usar um, dois, três ou quatro espaços em branco separados por valores.

Se definidoUm valorentão esse preenchimento se aplica a todas4faces.
Se definidoDois valoresSe definido, o primeiro valor será aplicado na parte superior e inferior, e o segundo valor será aplicado na direita e esquerda.
Três valores respectivamenteAplicado na parte superior, horizontal (isto é, esquerda e direita) e inferior.
Quatro valoresAplicado sequencialmente na parte superior, direita, inferior e esquerda.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
padding-top	Defina o preenchimento para o lado superior do elemento.
padding-right	Defina o preenchimento para o lado direito do elemento.
padding-bottom	Defina o preenchimento para o lado inferior do elemento.
padding-left	Defina o preenchimento para o lado esquerdo do elemento.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade padding do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador para a propriedade padding; os números na tabela representam a versão mínima 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+