A propriedade border-left-color do CSS

Definição e uso

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

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

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 do CSS

Manual de referência CSS:Atributo border-left

Manual de referência HTML DOM:Atributo borderLeftColor

Exemplo

Definir a cor da borda esquerda:

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

Experimente você mesmo

Sintaxe CSS

border-left-color: color|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.borderLeftColor="blue"

Mais exemplos

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

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".

" -->