Atributo CSS border-bottom-width

Definição e uso

A propriedade borderBottom-width define a largura da borda inferior do elemento.

Funciona apenas quando o estilo da borda não for none. Se o estilo da borda for none, a largura da borda será realmente resetada para 0. Não é permitido especificar valores negativos de comprimento.

Notas:Sempre declare a propriedade border-style antes da propriedade border-bottom-width. O elemento só pode mudar a largura da borda após obter a borda. Se o estilo da borda for none, a largura da borda será resetada para 0. Não é permitido especificar valores negativos de comprimento.

Veja também:

Tutorial do CSS:Borda CSS

Manual do CSS:Propriedade borderBottom

Manual do HTML DOM:Propriedade borderBottomWidth

Exemplo

Definir a largura da borda inferior:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Experimente você mesmo

Sintaxe do CSS

border-bottom-width: medium|thin|thick|length|initial|inherit;

Valor da propriedade

Valor Descrição
thin Define uma borda inferior fina.
medium Valor padrão. Define uma borda inferior média.
thick Define uma borda inferior grossa.
length Permite que você personalize a largura da borda inferior.
inherit Deve-se herdar a largura da borda do elemento pai.

Mais exemplos

Definir a largura da borda inferior
Este exemplo demonstra como definir a largura da borda inferior.

Detalhes técnicos

Valor padrão: medium
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.borderBottomWidth="thick"

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente a propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Os navegadores IE7 e anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".