Resumen
El borde_izquierdo es una propiedad rápida para poner el ancho, estilo y color del borde izquierdo de un elemento. Esta propiedad puede ser usada para poner los valores de uno o mas de : border-left-width, border-left-style, border-left-color. Valores omitidos son puestos a su valor inicial.
| Valor inicial | as each of the properties of the shorthand:
|
|---|---|
| Applies to | all elements. It also applies to ::first-letter. |
| Heredable | no |
| Media | visual |
| Valor calculado | as each of the properties of the shorthand:
|
| Animatable | as each of the properties of the shorthand:
|
| Canonical order | order of appearance in the formal grammar of the values |
Sintaxis
border-left: [border-width || border-style || border-color | inherit] ;
Valores
- border-width
- See
border-width. - border-style
- See
border-style. - border-color
- See
border-color.
Ejemplos
element {
border-left: 1px solid #000;
}
Notas
Si las reglas no especifican un color de borde, el borde tendrá la propiedad color
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Backgrounds and Borders Module Level 3 The definition of 'border-left' in that specification. |
Candidate Recommendation | No direct changes, though the modification of values for the border-left-color do apply to it. |
| CSS Level 2 (Revision 1) The definition of 'border-left' in that specification. |
Recommendation | No significant changes |
| CSS Level 1 The definition of 'border-left' in that specification. |
Recommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | 4 | 3.5 | 1.0 (85) |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |