Propriedade borderBottom do estilo

definição e uso

borderBottom As propriedades são definidas ou retornadas em forma abreviada, até três propriedades border-bottom individuais.}

Usando essa propriedade, você pode definir/retornar uma ou mais das seguintes (em qualquer ordem):

Veja também:

Tutorial de CSS:Borda do CSS

Manual do CSS:Propriedade border-bottom

Manual do HTML DOM:Propriedade border

Exemplo

Exemplo 1

Adicione uma borda inferior ao elemento <div>:

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

Experimente você mesmo

Exemplo 2

Mude a largura, estilo e cor da borda inferior do elemento <div>:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Experimente você mesmo

Exemplo 3

Retorne o valor da propriedade border-bottom do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade borderBottom:

objeto.style.borderBottom

Defina a propriedade borderBottom:

objeto.style.borderBottom = "largura estilo cor|initial|inherit"

Valor da propriedade

Valor Descrição
largura Defina a largura da borda inferior.
estilo Defina o estilo da borda inferior.
cor Defina a cor da borda inferior.
initial Defina essa propriedade para 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: não especificado
Retorno: String que representa a largura, estilo e/ou cor da borda inferior do elemento.
Versão do CSS: CSS1

Suporte do navegador

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

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