Início·Propriedades CSS

padding

Caixa e espaçamento

O espaço interno; a cor de fundo chega até aqui.

Como escreverpadding: 0;
Valores comuns0, 1rem, 8px 16px
HerdadaNão, para neste elemento
Define de uma vezpadding-top, padding-right, padding-bottom, padding-left
CategoriaCaixa e espaçamento

Como ler

  • Uma propriedade herdada basta escrever no pai: todos os filhos recebem. Quase todas as de texto funcionam assim.
  • Um atalho reinicia o que você omite. Escrever só background: red também apaga a imagem de fundo definida antes.
  • Quando duas regras colidem vence o seletor mais específico; só com especificidade igual decide a ordem.
  • Anime transform e opacity para suavidade. Mudar width ou top obriga a recalcular o layout.

Perguntas frequentes

Q. O que é a propriedade CSS padding?

O espaço interno; a cor de fundo chega até aqui.

Q. Como se escreve padding?

Assim: padding: 0; Valores comuns: 0, 1rem, 8px 16px.

Q. padding é herdada?

Não. Vale só onde você escreve, então cada elemento precisa da sua.

Q. O que o atalho padding define?

padding-top, padding-right, padding-bottom, padding-left; o que for omitido volta ao padrão.

Propriedades do mesmo grupo

Documentação