A propriedade CSS padding-bottom

Definição e uso

O atributo paddingBottom define o padding inferior do elemento (espaço em branco inferior).

Explicação

Esta propriedade define a largura do padding inferior do elemento. O padding inferior de elementos inline non-replace não afeta o cálculo da altura da linha, portanto, se um elemento tiver tanto padding quanto fundo, pode estender visualmente para outras linhas e pode ainda se sobrepor a outros conteúdos. Não é permitido especificar valores de padding 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 paddingBottom

Exemplo

Definir o padding inferior interno do elemento p:

p
  {
  padding-bottom:2cm;
  }

Experimente você mesmo

(Mais exemplos podem ser encontrados na parte inferior da página)

Sintaxe do CSS

padding-bottom: length|initial|inherit;

Valor do atributo

Valor Descrição
length Define um valor de padding inferior interno fixo em unidades específicas, como pixels, centímetros, etc. O valor padrão é 0px.
% Define o padding inferior interno em porcentagem com base na largura do elemento pai. Este valor não funciona como esperado em todos os navegadores.
inherit Deve-se herdar o padding inferior interno do elemento pai.

Detalhes técnicos

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

TIY Exemplo

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