Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Attribut text-decoration-style
So verwenden Sie das CSS-Attribut text-decoration-style
- 藏色散人Original
- 2019-05-30 09:52:034012Durchsuche
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!