Atributo border-left-style de CSS
- página anterior border-left-color
- Página siguiente border-left-width
Definición y uso
border-left-style configura 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 debe soportar solid y none.
Véase también:
Tutorial de CSS:Borde de CSS
Manual de referencia de CSS:Propiedad border-left
Manual de referencia de HTML DOM:Propiedad borderLeftStyle
Ejemplo
Configuración del estilo del borde izquierdo:
p { border-style:solid; border-left-style:dotted; }
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", excepto cuando se aplica a tablas, para las tablas, se utiliza "hidden" para resolver conflictos de bordes. |
dotted | Define un borde punteado. En la mayoría de los navegadores se presenta como una línea sólida. |
dashed | Define una línea punteada. En la mayoría de los navegadores se presenta 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 surco. Su efecto depende del valor de border-color. |
ridge | Define un borde 3D ondulado. 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
- Configuración del estilo del borde izquierdo
- Este ejemplo muestra cómo configurar el estilo del borde izquierdo.
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- página anterior border-left-color
- Página siguiente border-left-width