Propriedade Style borderBottomColor

Definição e uso

borderBottomColor Define ou retorna a cor da borda inferior do elemento.

Veja também:

Tutorial do CSS:Borda do CSS

Manual do CSS:Propriedade border-bottom-color

Manual do DOM HTML:Propriedade border

Exemplo

Exemplo 1

Mude a cor da borda inferior do elemento <div> para vermelho:

document.getElementById("myDiv").style.borderBottomColor = "red";

Experimente você mesmo

Exemplo 2

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

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

Experimente você mesmo

Sintaxe

Retorne a propriedade borderBottomColor:

objeto.style.borderBottomColor

Defina a propriedade borderBottomColor:

objeto.style.borderBottomColor = "cor|transparente|initial|inherit"

Valor da propriedade

Valor Descrição
cor

Define a cor da borda inferior. O valor padrão é preto.

Veja também Valores de cor do CSSpara obter uma lista completa de valores de cor possíveis.
transparente A cor da borda inferior é transparente (o conteúdo inferior será visível).
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: preto
Retorno: Cadeia de caracteres que representa a cor 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