So verwenden Sie das CSS-Attribut text-decoration-style-Front-End-Fragen und Antworten-php.cn

So verwenden Sie das CSS-Attribut text-decoration-style

藏色散人

Freigeben： 2019-05-30 09:52:03

Original

4014 Leute haben es durchsucht

So verwenden Sie das CSS-Attribut text-decoration-style

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"

Nach dem Login kopieren

CSS-Syntax

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

Effektausgabe:

So verwenden Sie das CSS-Attribut text-decoration-style

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!