Atributo border-right-color CSS

Definição e uso

border-right-color define a cor da borda direita do elemento.

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

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

Tutorial do CSS:Borda do CSS

Manual de referência do CSS:Propriedade border-right

Manual de referência do HTML DOM:Propriedade borderRightColor

Definir a cor da borda direita:

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

border-right-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	Define que a cor da borda deve ser herdada do elemento pai.

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

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

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

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