English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-izquierda-La propiedad style CSS se utiliza para establecer el estilo del borde izquierdo del elemento. Sin embargo, en muchos casos, comoborder-styleOborder-izquierdaEstos atributos CSS abreviados son más fáciles y recomendables de usar.
La tabla a continuación describe el uso y el historial de versiones de esta propiedad, así como la sintaxis de su uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Ninguno |
| Animable: | No.Ver: Atributos de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis en JavaScript: | object.style.borderLeftStyle="dashed" |
La sintaxis de esta propiedad es la siguiente:
border-izquierda-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
El siguiente ejemplo muestra cómo usar border-izquierda-Atributo style.
p {
border-izquierda-style: dashed;
border-izquierda-width: 3px;
}Ver prueba‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| none | No muestra bordes. |
| hidden | Como none, la diferencia radica en que las celdas de la tabla tienenBorde plegadoY las dos celdas comparten el borde. El valor hidden asegura que no se dibuje el borde, ya que tiene prioridad sobre todos los otros estilos de borde. |
| dotted | Muestra el borde como una serie de puntos. |
| dashed | Muestra el borde como una serie de segmentos cortos, es decir, guiones. |
| solid | Muestra el borde como una línea continua. |
| double | Muestra el borde como dos líneas paralelas continuas, dejando un espacio entre ellas. La suma de las dos líneas y el espacio entre ellas es igual aborder-widthdel valor. |
| groove | Muestra un borde tallado en el lienzo. Da la impresión de3La impresión de D, generalmente se logra usando colores más oscuros que el color del borde.border-colordos colores más claros y más oscuros creando una sombra para lograrlo. |
| ridge | Muestra un borde groove opuesto al efecto. También da3La impresión de D, el borde parece salir del lienzo. |
| inset | Muestra un borde que hace que el cuadro del elemento parezca estar incrustado en el lienzo. Da la impresión de3D, lo que generalmente se logra creando una sombra de dos colores, más oscuros que el color del borde.border-colorun poco más brillante y más oscuro. |
| outset | Muestra un borde inset opuesto al efecto. También da3La impresión de D, el borde hace que la caja parezca salir del lienzo. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre-izquierda-Valor del atributo style |
border-izquierda-Compatibilidad del navegador del atributo style, los números en la tabla a continuación representan la versión más baja del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y versiones más antiguas no admiten value hidden. IE8Admite, pero necesita。9y versiones más recientes que admiten el valor hidden. IE
Ver tutorial:Borde CSS，CSS3 Borde。
Propiedades relacionadas:border，border-style，border-izquierda，border-izquierda-color，
border-izquierda-width。