English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS padding-Uso e exemplo do atributo bottom

padding-O atributo bottom define o espaço entre a borda inferior e o conteúdo do elemento, mas em muitos casos, é mais conveniente usar propriedades abreviadas no CSS.paddingMais comum e preferível.

A tabela a seguir fornece a descrição de uso e histórico de versão 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>.::first-letter.
Herança:Não
Animável:Sim.Veja referência Atributos animados.
Versão:CSS 1,2,3
Sintaxe em JavaScript:object.style.paddingBottom="2cm"

padding-Sintaxe de uso do bottom

A sintaxe dessa propriedade é a seguinte:

padding-bottom: length | percentage | initial | inherit

Os exemplos a seguir mostram como usar padding-Atributo bottom.

  h1 {
   padding-bottom: 2em;
  }
  p {
   padding-bottom: 50px;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
lengthValores numéricos em unidade de medida como px, pt, cm, em, etc., não permitidos valores negativos.
percentageEspecifique a preenchimento em porcentagem. A porcentagem é calculada com base na largura do bloco contido do elemento. Não é permitido usar valores negativos em porcentagem.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o padding do elemento pai-Valores do atributo bottom.

Compatibilidade do navegador

padding-Compatibilidade do navegador com o atributo bottom. 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.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Veja os seguintes tutoriais:Alinhamento do CSS,Modelo de Caixa do CSS.

Atributos relacionados:padding,padding-top,padding-right,padding-left.