Atributo border-left-style de CSS

Definición y uso

border-left-style establece el estilo del borde izquierdo del elemento.

El borde solo puede aparecer cuando este valor no es none.

En CSS1, el agente de usuario HTML solo necesita soportar solid y none.

Véase también:

Tutoriales de CSS:Borde CSS

Manual de referencia de CSS:Propiedad border-left

Manual de referencia de HTML DOM:Propiedad borderLeftStyle

Ejemplo

Establecer el estilo del borde izquierdo:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

Prueba tú mismo

Sintaxis de CSS

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor del atributo

Valor Descripción
none Define un borde sin borde.
hidden Es igual a "none". Sin embargo, para las tablas, se utiliza "hidden" para resolver conflictos de bordes.
dotted Define un borde punteado. En la mayoría de los navegadores se representa como una línea sólida.
dashed Define una línea punteada. En la mayoría de los navegadores se representa como una línea sólida.
solid Define una línea sólida.
double Define una línea doble. El ancho de la línea doble es igual al valor de border-width.
groove Define un borde 3D de valle. Su efecto depende del valor de border-color.
ridge Define un borde 3D de relieve. Su efecto depende del valor de border-color.
inset Define un borde 3D inset. Su efecto depende del valor de border-color.
outset Define un borde 3D outset. Su efecto depende del valor de border-color.
inherit Se especifica que el estilo 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.borderLeftStyle="dotted"

Más ejemplos

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

Compatibilidad del navegador

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2