CSS:border-color
Un article de MDC.
[modifier] Résumé
La propriété border-color est un raccourci pour définir la couleur des quatre côtés de la bordure d'un élément.
- Valeur initiale : la propriété
colorde l'élément - S'applique à : tous les éléments
- Héritée : non
- Pourcentages : N/A
- Média : Visuel
- Valeur calculée : La valeur calculée de
colorpar défaut, ou celle spécifiée.
[modifier] Syntaxe
border-color: [ <color> || transparent ]{1,4} | inherit
[modifier] Valeurs
- <color>
- La couleur peut être définie sous forme de valeur hexadécimale RGB, une valeur classique RGB, ou en utilisant les mots clefs de couleurs prédéfinis.
- transparent
- La bordure n'est pas affichée, mais elle occupe l'espace qui lui est dévolu sur la page.
Vous pouvez passer jusqu'à 4 valeurs :
- Si une seule valeur est définie, elle s'applique aux quatre cotés.
- Si deux valeurs sont définies, la première valeur s'applique aux côtés haut et bas de la bordure et la seconde aux côtés gauche et droit.
- Si trois valeurs sont définies, la premièrere s'applique au côté haut de la bordure, la deuxième aux côtés gauche et droit et la troisième au côté bas.
- Si quatre valeurs sont définies, la première s'applique au côté haut de la bordure, la deuxième au côté droit, la troisième au côté bas et la quatrième au côté gauche.
[modifier] Exemples
Voir des exemples en ligne (en)
element {
border-width: 1px;
border-style: solid;
border-color: black;
}
[modifier] Notes
Pour voir la bordure, vous devez également définir border-width avec une valeur positive et border-style doit être un style visible (différent de none ou hidden).
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |
[modifier] Extensions Mozilla
Les extensions Mozilla suivantes définissent les couleurs pour le côté de la bordure correspondant dans les navigateurs Gecko :