Pourquoi CSS `color` ne change-t-il pas la couleur de l'élément `` ?

Style de l'élément

---

Lorsqu'ils tentent de changer la couleur de l'élément

---

à l'aide de CSS, de nombreux développeurs rencontrent des difficultés. Le code fourni, qui utilise la propriété color, ne donne pas le résultat souhaité.

La solution réside dans l'utilisation de border-color à la place. L'élément

---

produit une ligne horizontale et la couleur de la bordure contrôle la couleur de la ligne.

Il est important de noter que si vous modifiez la taille de la ligne via d'autres propriétés CSS, la bordure restera aussi large que spécifié dans les styles. Dans de tels cas, il peut être nécessaire de compléter border-color par background-color.

Comme démontré dans la feuille de style par défaut du projet HTML 5 Boilerplate, vous pouvez utiliser la règle suivante pour personnaliser l'élément

---

 :

hr {
  border-color: #ccc;
}

De plus, si vous souhaitez que l'élément

---

hérite de la couleur de bordure de son parent, vous pouvez spécifier border-color:herit. Cette astuce a été mise en évidence dans un article publié par SitePoint intitulé « 12 faits CSS peu connus ».

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!