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 Juli 2015.
Das text-decoration-Attribut definiert, ob Text mit einer Unterstreichung, Überstreichung und/oder Durchstreichung dekoriert wird. Es ist eine Kurzform für die Eigenschaften text-decoration-line und text-decoration-style.
Die Füllung und der Umriss der Textdekoration werden durch die Füllung und den Umriss des Textes an dem Punkt, an dem die Textdekoration deklariert wird, festgelegt.
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 entsprechendes CSS-Eigenschaftsgegenstück: text-decoration. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:
Beispiel
<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 individuelle Eigenschaften |
| Animierbar | Ja |
Für eine Beschreibung der Werte beachten Sie 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-decorationEigenschaft