Atributo border-left-color de CSS

Definición y uso

El border-left-color establece el color del borde izquierdo 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 el atributo border-style antes del atributo border-color. El elemento debe obtener el borde antes de cambiar su color.

Véase también:

Tutoriales de CSS:Borde CSS

Manual de referencia de CSS:Atributo border-left

Manual de referencia de HTML DOM:Atributo borderLeftColor

Ejemplo

Establecer el color del borde izquierdo:

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

Prueba tu mismo

Sintaxis de CSS

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

Valor del atributo

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

Detalles técnicos

Valor por defecto: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderLeftColor="blue"

Más ejemplos

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

Compatibilidad del navegador

Los números en la tabla indican la 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".

" -->