Résumé
La propriété CSS border-right est un raccourci pour la définition de la largeur, du style et de la couleur de la bordure droite 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-right-width, border-right-style et/ou border-right-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
- Média
visuel - Valeur calculée voir les propriétés individuelles
Syntaxe
border-right: [border-width || border-style || border-color | inherit] ;
Valeurs
- border-width
-
Voir
border-right-width. - border-style
-
Voir
border-right-style. - border-color
-
Voir
border-right-color.
Exemples
element {
border-right: 1px solid #000;
}
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-right 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-right-style: dotted; border-right: thick green;
sera identique à:
border-right-style: dotted; border-right: none thick green;
et la valeur de border-right-style indiquée avant border-right est ignorée.
Depuis que la valeur par défaut de border-right-style est none, ne pas spécifier la partie border-style de la propriété raccourcie signifie que celle-ci indique: pas de bordure.
Spécifications
Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |
Voir également
Border-related properties:
border,
border-width,
border-style,
border-color,
margin,
padding
Border-right-related properties:
border-right,
border-right-color,
border-right-style,
border-right-width