Maison >interface Web >tutoriel CSS >Comment utiliser la propriété CSS text-decoration-color

Comment utiliser la propriété CSS text-decoration-color

青灯夜游original: 2019-05-29 16:21:103533parcourir

La propriété CSS text-decoration-color est utilisée pour définir la couleur de la décoration du texte (souligné, surligné et souligné). Notez que la propriété text-decoration-color ne fonctionne que si la propriété visible text-decoration est d'abord définie sur l'élément.

Comment utiliser la propriété CSS text-decoration-color ?

L'attribut text-decoration-color spécifie la couleur de la décoration du texte (souligné, surligné, interligne).

Remarque : L'attribut text-decoration-color ne fonctionne que sur les éléments avec un attribut text-decoration visible.

Syntaxe :

text-decoration-color: color|initial|inherit;

Valeur de l'attribut :

● Couleur : Spécifie la couleur de la modification du texte.

● initial : définissez cette propriété sur sa valeur par défaut.

● Hériter : hériter de cet attribut de l'élément parent.

Remarque : Presque tous les principaux navigateurs ne prennent pas en charge l'attribut text-decoration-color. Firefox prend en charge une propriété alternative, la propriété -moz-text-decoration-color.

Attribut css text-decoration-color Exemple

<!DOCTYPE html>
<html>
<head>
<style>
p
{
text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */
}
</style>
</head>
<body>
<p>
线条的颜色现在应该是红色！
</p>
<p><b>注意：</b>几乎所有的主流浏览器都不支持 text-decoration-color 属性。</p>
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。</p>
</body>

Rendu :

Comment utiliser la propriété CSS text-decoration-color

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser l'attribut CSS @mediaArticle suivant：Comment utiliser l'attribut CSS @media

Articles Liés

Voir plus