Maison >interface Web >Questions et réponses frontales >Comment utiliser l'attribut CSS text-decoration-style

Comment utiliser l'attribut CSS text-decoration-style

藏色散人
藏色散人original
2019-05-30 09:52:034061parcourir

L'attribut CSS text-decoration-style est utilisé pour spécifier la manière dont les lignes sont affichées. Sa syntaxe est text-decoration-style : solid|double|dotted|dashed|wavy|initial|inherit.

Comment utiliser l'attribut CSS text-decoration-style

Comment utiliser l'attribut css text-decoration-style ?

Définition et utilisation

L'attribut text-decoration-style spécifie la façon dont les lignes sont affichées.

Par défaut : solide

Hérité : Non

Animable : Non.

Version : CSS3

Syntaxe JavaScript :

object.style.textDecorationStyle="wavy"

Syntaxe CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Propriétés Valeurs

● solide Valeur par défaut. La ligne apparaîtra comme une seule ligne.

● Les lignes doubles seront affichées sous forme de lignes doubles.

● les lignes pointillées seront affichées sous forme de lignes pointillées.

Les lignes pointillées apparaîtront sous forme de lignes pointillées.

● les lignes ondulées seront affichées sous forme de lignes ondulées.

Quantity initial définit cette propriété à sa valeur par défaut.

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

Instance

Afficher une ligne ondulée sous le paragraphe :

<!DOCTYPE html>
<html>
<head>
<style>
p
{
text-decoration: underline; 
text-decoration-style: wavy; 
-moz-text-decoration-style: wavy; /* 针对 Firefox 的代码 */
}
</style>
</head>
<body>
<p>
本实例中的段落文本下方会显示一条波浪线。</p>
<p><b>注意:</b>只有 Chrome 支持 text-decoration-style 属性。</p>
<p><b>注意:</b>Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-style 属性。</p>
</body>
</html>

Sortie d'effet :

Comment utiliser lattribut CSS text-decoration-style

Prise en charge des navigateurs : presque tous les principaux navigateurs ne prennent pas en charge l'attribut text-decoration-style. Firefox prend en charge une propriété alternative, la propriété -moz-text-decoration-style.

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