Comment utiliser l'attribut CSS text-decoration-style-Questions et réponses frontales-php.cn

Comment utiliser l'attribut CSS text-decoration-style

藏色散人

Libérer： 2019-05-30 09:52:03

original

4059 Les gens l'ont consulté

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"

Copier après la connexion

Syntaxe CSS

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

Copier après la connexion

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>

Copier après la connexion

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!