Atributo border-right-color CSS

Definición y uso

border-right-color establece el color del borde derecho del elemento.

Sólo se puede definir un color puro y el borde solo aparecerá cuando el estilo del borde sea un valor no none ni hidden.

Notas:Siempre declare la propiedad border-style antes de border-color. El elemento debe obtener el borde antes de cambiar su color.

Véase también:

Tutorial de CSS:Borde de CSS

Manual de referencia de CSS:Atributo border-right

Manual de referencia de HTML DOM:Atributo borderRightColor

Ejemplo

Establecer el color del borde derecho:

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

Prueba tu mismo

Sintaxis de CSS

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

Valor del atributo

Valor Descripción
color_name Se especifica el color del borde con nombre de color (por ejemplo, red).
hex_number Se especifica el color del borde con valor hexadecimal (por ejemplo, #ff0000).
rgb_number Se especifica el color del borde con código rgb (por ejemplo, rgb(255,0,0)).
transparent Valor predeterminado. El color del borde es transparente.
inherit Se especifica que el color del borde debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderRightColor="blue"

Más ejemplos

Establecer el color del borde derecho
Este ejemplo muestra cómo establecer el color del borde derecho.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

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

Notas:Internet Explorer 6 (y versiones anteriores) no admite el valor de atributo "transparent".

Notas:Los navegadores IE7 y versiones anteriores no admiten el valor "inherit". IE8 requiere !DOCTYPE. IE9 admite "inherit".