border-color
IE 4,5,6,7 - CSS 1
Cette forme courte de propriété permet d'appliquer à plusieurs côtés d'une bordure la même couleur ou une couleur différente. Vous pouvez fournir de une à quatre valeurs de couleur séparées par un espace. Le nombre de valeurs spécifiées détermine à quels côtés de la bordure ces valeurs doivent être appliquées.
Pour la façon particulière dont Internet Explorer interprête parfois ces propriétés, reportez-vous à la propriété border.
La propriété accepte une, deux, trois ou quatre valeurs de couleur , selon le nombre de côtés et les côtés spécifiques auxquels vous souhaitez appliquer les couleurs. Les valeurs spécifiées sont interprétées comme l'indique le tableau suivant.
| Nombre de valeurs | Effet |
|---|---|
| 1 | La valeur spécifiée est appliquée aux quatre côtés de la bordure. |
| 2 | La première valeur spécifiée est appliquée aux côtés supérieur et inférieur, et la seconde valeur aux côtés droit et gauche |
| 3 | La première valeur est appliquée au côté supérieur, la seconde aux côtés droit et gauche, et la troisième au côté inférieur |
| 4 | Chaque valeur est appliquée, respectivement, au côté supérieur, droit, inférieur et gauche |
Pour plus de détails sur les valeurs possibles pour cette propriété, consultez notre page consacrée à la couleur.
La propriété de style "couleur" de l'élément (qui est hérité quand il n'est pas spécifiquement attribué pour l'élément).
div {border-color: red rgb(0,0,255) red}
Tous les éléments, mais uniquement les éléments de niveau bloc et éléments remplacés (IMG, INPUT, TEXTAREA, SELECT et OBJECT) dans IE 4 et 5 pour Windows.
[window.]document .getElementById("elementID") .style .borderColor
border-bottom-color, border-top-color, border-left-color, border-right-color(pour définir la couleur d'un seul bord d'un cadre)
border-bottom-style, border-top-style, border-left-style, border-right-style (pour définir le style d'un seul bord d'un cadre)
border-bottom-width, border-top-width, border-left-width, border-right-width (pour définir l'épaisseur d'un seul bord d'un cadre)
border-bottom, border-top, border-left, border-right, (pour définir toutes les caractéristiques d'un seul bord d'un cadre)
border-color (pour définir la couleur d'un cadre)
border-style (pour définir le style d'un cadre)
border-width (pour définir l'épaisseur d'un cadre)
border (pour définir toutes les caractéristiques d'un cadre)
Ce site vous a plu ? Visitez aussi :
et
Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention (y compris les 2 liens ci-dessus) dans le contenu copié.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.
-
Introduction
Premiers pas
Héritages
Eléments "blocs"
Mise en page
Problèmes
Faire des tableaux
Pseudo-frames
Menu déroulant
Styles alternatifs
10 trucs à savoir
Couleurs CSS
Unités CSS
Classement alphabétique
Classement par familles
Réflexions et prises de tête
Les fausses promesses
Tableaux contre CSS : le combat
Les ayatollahs
Accueil
Recherche
Imprimer
Haut de page
Page précédente
Page suivante
Accessibilité
Copyrights
Contact
Référencer un site web