text-decoration

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das text-decoration Attribut definiert, ob Text mit einer Unterstreichung, Überstrich und/oder durchgestrichen dekoriert wird. Es ist eine Kurzform für die text-decoration-line und text-decoration-style Eigenschaften.

Die Füllung und der Strich der Textdekoration werden durch die Füllung und den Strich des Textes an dem Punkt bestimmt, an dem die Textdekoration deklariert wird.

Die Farbfolge der Textdekoration, d.h. die Füllung und der Strich, wird durch den Wert des paint-order Attributs an dem Punkt bestimmt, an dem die Textdekoration deklariert wird.

Hinweis: Als Präsentationsattribut kann text-decoration als CSS-Eigenschaft verwendet werden. Weitere Informationen finden Sie in der CSS text-decoration Eigenschaft.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" text-decoration="underline">Underlined text</text>
  <text x="0" y="40" text-decoration="line-through">Struck-through text</text>
</svg>

Nutzungshinweise

Wert	`<'text-decoration-line'>` \|\| `<'text-decoration-style'>` \|\| `<'text-decoration-color'>`
Standardwert	Siehe einzelne Eigenschaften
Animierbar	Ja

Eine Beschreibung der Werte finden Sie in der CSS text-decoration Eigenschaft.

Spezifikationen

Specification
CSS Text Decoration Module Level 3 # text-decoration-property
Scalable Vector Graphics (SVG) 2 # TextDecorationProperties

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

CSS text-decoration Eigenschaft