Ejemplo
Ajuste el estilo del borde izquierdo:
p
{
border-style: solid;
border-left: thick double #ff0000;
}
Inténtalo tú mismo " Definición y Uso
La propiedad abreviada border-left establece todas las propiedades de los bordes que quedan en una declaración.
Las propiedades que se pueden establecer, son (in order) : border-left-ancho, border-style-izquierda, y border-left-color.
No importa si uno de los valores anteriores están desaparecidos, por ejemplo, border-left: # ff0000 sólidos; esta permitido.
| Valor por defecto: | medium none color |
|---|---|
| Heredado: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.borderLeft="3px dotted blue" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-left | 1.0 | 4.0 | 1.0 | 3.5 | 1.0 |
Nota: Consulte la ayuda del navegador individual para cada valor por debajo.
sintaxis CSS
border-left:border-widthborder-styleborder-color|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| border-left-width | Especifica el ancho del borde izquierdo. El valor por defecto es "medium" |
| border-left-style | Especifica el estilo del borde izquierdo. El valor por defecto es "none" |
| border-left-color | Especifica el color del borde izquierdo. El valor por defecto es el color del elemento |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia HTML DOM: borderLeft property