English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-left-La propriété color CSS définit séparément la couleur de la bordure de gauche de l'élément. Mais dans de nombreux cas, on utilise généralement les propriétés CSS abrégées, comme border-colorOuborder-leftUtilisation plus pratique.
Le tableau suivant contient des instructions sur l'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 : | colorValeur de propriété |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | Non |
| Animable : | Est.Veuillez consulter Animation propriété。 |
| Version : | CSS 1，2，3 |
| JavaScript syntaxe : | object object.style.borderLeftColor="red" |
La syntaxe de cette propriété est la suivante :
border-left-color: color | transparent | initial | inherit
Les exemples suivants montrent comment utiliser border-left-Propriété color.
p {
border-style: solid;
border-left-color: #ff0000;
}Testez pour voir‹/›Note :Vous devez dansborder-styleLa propriété border doit être déclarée avant-left-Propriété color. 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écifier la couleur de la bordure supérieure. VoirValeur de couleur CSSPour obtenir une liste de valeurs de couleur possibles. |
| transparent | Permet que la bordure soit transparente, bien que cela puisse en occuperborder-widthEspace de propriété. |
| initial | Définir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la bordure de l'élément parent-left-Valeur de la propriété color. |
border-left-Compatibilité des navigateurs 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é ; tous les navigateurs populaires prennent en charge cette propriété.
|
Voir la tutorial :CSS Border，CSS3 Border。
Propriétés associées :border，border-color，border-left，border-left-style，
border-left-width。