A propriedade CSS padding-top

Definição e uso

O atributo paddingTop define o espaçamento superior (espaço) do elemento.

Explicação

Esta propriedade define a largura do espaçamento superior interno do elemento. O espaçamento superior interno definido em elementos inline non-replace não afeta o cálculo da altura da linha, portanto, se um elemento tiver tanto espaçamento interno quanto fundo, pode estender visualmente para outras linhas e pode sobrepor-se a outros conteúdos. Não é permitido especificar valores de espaçamento interno negativo.

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

Veja também:

Tutorial de CSS:Margem interna do CSS

Manual de referência do HTML DOM:Atributo paddingTop

Exemplo

Definir o espaçamento superior interno do elemento p:

p
  {
  padding-top:2cm;
  }

Experimente você mesmo

（Mais exemplos podem ser encontrados na parte inferior da página）

Sintaxe do CSS

padding-top: length|initial|inherit;

Valor do atributo

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

Detalhes técnicos

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

TIY Exemplo

Definir espaçamento superior interno 1
Este exemplo demonstra como usar valores em centímetros para definir o espaçamento superior interno da célula.
Definir espaçamento superior interno 2
Este exemplo demonstra como usar porcentagens para definir o espaçamento superior interno 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