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

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

青灯夜游
Libérer: 2019-05-29 16:21:10
original
3561 Les gens l'ont consulté

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

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;
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal