CSS border-left-stylepropiedad
Ejemplo
Establece el estilo del borde izquierdo:
p
{
border-style:solid;
border-left-style:dotted;
}
Pruébalo »
Definición de propiedad y notas de uso
border-left-style establece el estilo del borde izquierdo de un elemento.
| Valor predeterminado: | not specified |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.borderLeftStyle="dotted" |
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que admite esta propiedad.
| propiedad | |||||
|---|---|---|---|---|---|
| border-left-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Valores de propiedad
| Valor | Descripción |
|---|---|
| none | Define sin borde. |
| hidden | Igual que "none". Excepto cuando se aplica a tablas, donde hidden se usa para resolver conflictos de bordes. |
| dotted | Define un borde punteado. En la mayoría de los navegadores se muestra como una línea sólida. |
| dashed | Define un borde discontinuo. En la mayoría de los navegadores se muestra como una línea sólida. |
| solid | Define un borde sólido. |
| double | Define un borde doble. El ancho de la doble línea es igual al valor de border-width. |
| groove | Define un borde ranurado 3D. Su efecto depende del valor de border-color. |
| ridge | Define un borde en relieve 3D. 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 | Especifica que se debe heredar el estilo de borde del elemento padre. |
Artículos relacionados
Tutorial CSS:CSS Border
Manual de referencia CSS:border-left propiedad
Otras extensiones