English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-left CSS propiedad establece el ancho, estilo y color del borde izquierdo del elemento. Es utilizado para establecer varios atributos del borde izquierdo en una declaración única (es decirborder-left-width，border-left-styleyborder-left-color）propiedad abreviada.
La tabla a continuación proporciona una descripción del uso y el historial de versiones de este atributo, así como la sintaxis de su uso en scripts JavaScript.
| Valor predeterminado: | Ver todos los atributos |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | No |
| Animable: | Sí,Ver atributo individual。Ver Atributos de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis JavaScript: | object.style.borderLeft="2px solid red" |
La sintaxis de este atributo es la siguiente:
border-left: [ border-left-width border-left-style border-left-color ] | initial | inherit
Los siguientes ejemplos muestran cómo usar border-Atributo left.
h1 {
border-left: 5px solid #ff0000;
}
p {
border-left: 3px dotted #00ff00;
}Prueba y mira‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| border-left-width | Establecer el ancho del borde izquierdo del elemento. |
| border-left-style | Establecer el estilo de línea del borde izquierdo del elemento. |
| border-left-color | Establecer el color del borde izquierdo del elemento. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el border del elemento padre-Valor del atributo left. |
border-La compatibilidad del navegador del atributo left, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.
|
Ver tutorial:CSS Border，CSS3 Border。
Atributos relacionados:border，border-left-color，border-left-style，border-left-width。