border

Résumé

La propriété CSS border est un raccourci pour définir les valeurs des propriétés de toutes les bordures dans une seule et unique règle CSS. border peut être utilisée pour définir les valeurs des propriétés suivantes : border-width, border-style, border-color.

Syntaxe

border: [ <border-width> || <border-style> || <border-color> ] | inherit ;

Valeurs

border-width
Si absent, la valeur par défaut est medium. Voir border-width.
border-style 
Si absent, la valeur par defaut est none. Voir border-style.
border-color 
Si absent, la valeur de la propriété color est utilisée. Voir border-color.

Exemples

Voir l'exemple sur une page

element { 
    border: 1px solid #000;
}

Notes

Alors que les propriétés border-width, border-style et border-color acceptent jusqu'à quatre valeurs, cette propriété n'accepte qu'une valeur pour chaque propriété.

Spécifications

Spécification Statut Commentaire
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation  

Compatibilité des navigateurs

Fonction Firefox (Gecko) Chrome Internet Explorer Opera Safari
Support de base 1.0 (1.7 ou moins) 1.0 4.0 3.5 1.0 (85)
Fonction Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Support de base 1.0 (1.9.2) ? ? ? 1.0

Voir également

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : tregagnon, Fredchat, Yuichiro, VincentN, FredB, Mgjbot, Kyodev
Dernière mise à jour par : FredB,
Masquer la barre latérale