css text-decoration-style-Attribut wird verwendet, um anzugeben, wie Linien angezeigt werden. Seine Syntax ist text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit.
Wie verwende ich das CSS-Attribut text-decoration-style?
Definition und Verwendung
Das text-decoration-style-Attribut gibt an, wie Zeilen angezeigt werden.
Standard: solide
Geerbt: Nein
Animierbar: Nein.
Version: CSS3
JavaScript-Syntax:
object.style.textDecorationStyle="wavy"
CSS-Syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Eigenschaften Werte
● fest Standardwert. Die Zeile wird als einzelne Zeile angezeigt.
● Doppelte Linien werden als Doppellinien angezeigt.
● Gepunktete Linien werden als gepunktete Linien angezeigt.
● Gestrichelte Linien werden als gestrichelte Linien angezeigt.
● Wellenlinien werden als Wellenlinien angezeigt.
● initial setzt diese Eigenschaft auf ihren Standardwert.
● inherit Erbt dieses Attribut vom übergeordneten Element.
Instanz
Zeigen Sie eine Wellenlinie unter dem Absatz an:
<!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>Effektausgabe:
Browser-Unterstützung: Fast alle gängigen Browser unterstützen das text-decoration-style-Attribut nicht. Firefox unterstützt eine alternative Eigenschaft, die Eigenschaft -moz-text-decoration-style.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Attribut text-decoration-style. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Top 30 der globalen digitalen Währungen
Was ist der Unterschied zwischen j2ee und springboot?
Was bedeutet es, einen Drucker offline zu verwenden?
Verwendung der Accept-Funktion
vb.net-Tutorial
So erhalten Sie die Länge eines Arrays in js
Die Rolle von Domain-Name-Servern
RGB in hexadezimales RGB umwandeln
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
