English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
padding-A propriedade top define o preenchimento do topo lateral, ou seja, o espaço entre a borda superior e o conteúdo de um elemento. No entanto, em muitos casos, a abreviação de propriedades CSSpaddingMais fácil de usar e mais recomendável.
A tabela a seguir fornece instruções de uso e histórico de versões 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-letra。 |
| Herança： | Não |
| Animável: | Sim.Veja referência Propriedades animadas。 |
| Versão： | CSS 1，2，3 |
| Sintaxe JavaScript： | objeto.style.paddingTop="2cm" |
A sintaxe dessa propriedade é a seguinte：
padding-top: length | percentage | initial | inherit
Os exemplos a seguir demonstram como usar padding-propriedade top.
h1 {
padding-top: 2em;
}
p {
padding-top: 50px;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| length | Valores numéricos em unidades como px, pt, cm, em, etc., não é permitido usar valores negativos. |
| percentage | Especifique o preenchimento em porcentagem. A porcentagem é calculada com base na largura do bloco contido do elemento. Não é permitido usar valores negativos em porcentagem. |
| initial | Defina essa propriedade para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado usa o padding do elemento pai-Valores da propriedade top. |
padding-Compatibilidade do navegador para a propriedade top, 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.
|
Veja os seguintes tutoriais：Alinhamento CSS，Modelo de Caixa CSS。
Propriedades relacionadas：padding，padding-direita，padding-inferior，padding-esquerda。