Visit Mozilla.org

CSS:border-right

Un article de MDC.

« Référence CSS

[modifier] Résumé

La propriété 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.

[modifier] Syntaxe

border-right: [border-width || border-style || border-color | inherit] ;

[modifier] Valeurs

border-width 
Voir border-right-width.
border-style 
Voir border-right-style.
border-color 
Voir border-right-color.

[modifier] Exemples

element { 
    border-right: 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-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.

[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-right, border-right-color, border-right-style, border-right-width