Propriedade Style borderBottomWidth

Definição e uso

borderBottomWidth Define ou retorna a largura da borda inferior do elemento.

Veja também:

Tutorial do CSS:Borda do CSS

Manual do CSS:Propriedade border-bottom-width

Manual do HTML DOM:Propriedade border

Exemplo

Exemplo 1

Mude a largura da borda inferior do elemento <div> para 10px:

document.getElementById("myDiv").style.borderBottomWidth = "10px";

Experimente você mesmo

Exemplo 2

Mude a largura da borda inferior do elemento <div> para fina:

document.getElementById("myDiv").style.borderBottomWidth = "thin";

Experimente você mesmo

Exemplo 3

Retorne a largura da borda inferior do elemento <div>:

alert(document.getElementById("myDiv").style.borderBottomWidth);

Experimente você mesmo

Sintaxe

Retorne a propriedade borderBottomWidth:

object.style.borderBottomWidth

Defina a propriedade borderBottomWidth:

object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"

Valor da propriedade

Valor Descrição
thin Define a borda fina.
medium Define a borda média. Padrão.
thick Define a borda grossa.
length Largura da borda medida em comprimento.
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: medium
Retorno: Cadeia de caracteres, que representa a largura da borda inferior do elemento.
Versão do CSS: CSS1

Suporte do navegador

O número na tabela indica a versão do navegador que suporta completamente essa propriedade.

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