Atributo border-left-color CSS

Definição e uso

border-left-color define a cor da borda esquerda do elemento.

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

Observação:Sempre declare a propriedade border-style antes da propriedade border-color. O elemento deve ter a borda antes de alterar sua cor.

Tutorial do CSS:Borda do CSS

Manual de referência do CSS:Atributo border-left

Manual de referência do HTML DOM:Atributo borderLeftColor

Definir a cor da borda esquerda:

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

border-left-color: color|transparent|initial|inherit;

Valor	Descrição
color_name	Define a cor da borda como nome de cor (por exemplo, red).
hex_number	Define a cor da borda como valor hexadecimal (por exemplo, #ff0000).
rgb_number	Define a cor da borda como código rgb (por exemplo, rgb(255,0,0)).
transparent	Valor padrão. A cor da borda é transparente.
inherit	Deve-se herdar a cor da borda do elemento pai.

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

Definir a cor da borda esquerda: Este exemplo demonstra como definir a cor da borda esquerda.

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

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

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

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