CSS:border-left
Un article de MDC.
[modifier] Résumé
La propriété border-left est un raccourci pour la définition de la largeur, du style et de la couleur de la bordure gauche d'une boîte. Cette propriété peut être utilisée pour définir les valeurs pour l'une ou plusieurs propriétés border-left-width, border-left-style et/ou border-left-color. Les valeurs omises sont définies à leur valeur initiale.
- Valeur initiale : voir les propriétés individuelles pour les détails
- S'applique à : tous les éléments
- Héritée : non
- Pourcentages : N/A
- Média : visuel
- Valeur calculée : voir les propriétés individuelles
[modifier] Syntaxe
border-left: [border-width || border-style || border-color | inherit] ;
[modifier] Valeurs
- border-width
- Voir
border-left-width. - border-style
- Voir
border-left-style. - border-color
- Voir
border-left-color.
[modifier] Exemples
element {
border-left: 1px solid #000;
}
[modifier] Notes
Si la règle ne spécifie pas de couleur pour la bordure, cette dernière aura la couleur spécifiée par la propriété color.
Les trois valeurs de ce raccourci peuvent être spécifiées dans n'importe quel ordre, et une ou deux valeurs peuvent être omises.
Comme pour toutes les propriétés raccourcies, border-left initialise toutes les propriétés qui peuvent la composer, même si elles ne sont pas spécifiées. Dans ce cas, elles sont alors définies à leur valeur par défaut. Cela signifie que :
border-left-style: dotted; border-left: thick green;
sera identique à:
border-left-style: dotted; border-left: none thick green;
et la valeur de border-left-style indiquée avant border-left est ignorée.
Depuis que la valeur par défaut de border-left-style est none, ne pas spécifier la partie border-style de la propriété raccourcie signifie que celle-ci indique: pas de bordure.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |
[modifier] Voir également
border, border-width, border-style, border-color
border-left,
border-left-color,
border-left-style,
border-left-width