Atributo border-bottom-color do CSS

Definição e uso

border-bottom-color define a cor da borda inferior do elemento.

Só pode ser definida uma cor pura, e a borda só pode aparecer quando o estilo da borda é um valor diferente de none ou hidden.

Notas:Sempre declare a propriedade border-style antes da propriedade border-color. O elemento deve obter a borda antes de mudar sua cor.

Veja também:

Tutorial CSS:Borda CSS

Manual do CSS:Propriedade border-bottom

Manual do HTML DOM:Propriedade borderBottomColor

Exemplo

Definir a cor da borda inferior:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

Experimente você mesmo

Sintaxe CSS

border-bottom-color: cor|transparent|initial|inherit;

Valor do atributo

Valor Descrição
color_name É especificado a cor da borda como nome de cor (por exemplo, red).
hex_number É especificado a cor da borda como valor hexadecimal (por exemplo, #ff0000).
rgb_number É especificado a cor da borda como código rgb (por exemplo, rgb(255,0,0)).
transparent Valor padrão. A cor da borda é transparente.
inherit É especificado que a cor da borda deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.borderBottomColor="blue"

Mais exemplos

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

Suporte do navegador

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

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

Notas:O Internet Explorer 6 (e versões anteriores) não suporta o valor de atributo "transparent".

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