Atributo border-left de CSS

Definición y uso

La propiedad abreviada border-left coloca todas las propiedades del borde izquierdo en una sola declaración.

Se pueden establecer las siguientes propiedades en orden:

Si no se establece algún valor, no habrá problemas, por ejemplo, border-left:solid #ff0000; también es permitido.

Vea también:

Tutoriales de CSS:Borde de CSS

Manual de referencia de HTML DOM:Propiedad borderLeft

Ejemplo

Establecer el estilo del borde izquierdo:

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

Prueba tu mismo

Sintaxis de CSS

border-left: border-width border-style border-color|initial|inherit;

Valor de la propiedad

Valores Descripción
border-left-width Se especifica el ancho del borde izquierdo. Ver:border-left-width posibles valores.
border-left-style Se especifica el estilo del borde izquierdo. Ver:border-left-style posibles valores.
border-left-color Se especifica el color del borde izquierdo. Ver:border-left-color posibles valores.
inherit Se especifica que la propiedad border-left debe heredar la configuración del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderLeft="3px solid blue"

Más ejemplos

Todas las propiedades del borde izquierdo se declaran en una sola declaración
Todas las propiedades del borde izquierdo se declaran en una sola declaración

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 3.5 1.0

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