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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

Das text-decoration Attribut definiert, ob der Text mit einer Unterstreichung, Überstreichung und/oder Durchstreichung 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 Malreihenfolge der Textdekoration, d.h. 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 hat text-decoration auch ein CSS-Eigenschaften-Gegenstück: text-decoration. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

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>

Anwendungshinweise

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

Für eine Beschreibung der Werte siehe bitte 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

Siehe auch

CSS text-decoration Eigenschaft