English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-La propriété color CSS est utilisée pour définir la couleur d'un seul bord, c'est-à-dire une propriété abrégée de raccourci;border-top-color，border-right-color，border-bottom-colorEtborder-left-colorPour une seule déclaration.
Le tableau suivant contient des instructions d'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut: | Voir toutes les propriétés |
|---|---|
| Appliqué à: | Tous les éléments |
| Héritage: | Non |
| Animable: | Est.Veuillez vous référer à Animation propriété。 |
| Version : | CSS 1，2，3 |
| JavaScript syntaxe : | object object.style.borderColor="#cc0000 red" |
Syntaxe d'utilisation de color
border-La syntaxe de cette propriété est la suivante : 1 color: [ color | transparent ] 4 to
values | inherit
Ce raccourci abrégé peut utiliser une, deux, trois ou quatre valeurs séparées par des espaces.Si spécifiéSi spécifié
Si spécifiéDeux valeursLa première valeur est utilisée pour les bordures supérieure et inférieure, et la deuxième valeur pour les bordures droite et gauche.
Si spécifiéTrois valeursLa première valeur est utilisée pour la bordure supérieure, la deuxième valeur pour les bordures droite et gauche, et la troisième valeur pour la bordure inférieure
Si spécifiéQuatre valeursSi spécifié, chaque valeur sera appliquée à la bordure en haut, à droite, en bas et à gauche dans l'ordre.
Les exemples suivants montrent comment utiliser border-Propriété color.
p {
border-style: solid;
border-color: #ff0000;
}Testez pour voir‹/›Attention :Vous devez spécifier le border-Déclaration de propriété color avantborder-stylePropriété. Un élément doit avoir une bordure avant de pouvoir définir la couleur de la bordure, carborder-styleLa valeur par défaut de cette propriété est none.
Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| color | Spécifiez la couleur de la bordure. VoirValeur de couleur CSSPour obtenir une liste des valeurs de couleur possibles. |
| transparent | Permet que la bordure soit transparente, bien que cela puisse en occuperborder-widthEspace de propriété. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise le border de son élément parent-Valeur de la propriété color. |
border-Compatibilité du navigateur pour la propriété color, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.
|
Voir le tutoriel :CSS Border，CSS3 Border。
Propriétés associées :border，border-style，border-width，border-top-color，border-right-color，border-bottom-color，border-left-color。