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, Überstreichen und/oder Durchstreichen dekoriert wird. Es ist eine Kurzform für die text-decoration-line und text-decoration-style Eigenschaften.

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

Die Reihenfolge der Malung der Textdekoration, also die Füllung und der Umriss, 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.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

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>

Verwendungshinweise

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

Für eine Beschreibung der Werte beziehen Sie sich bitte auf die 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

text-decoration