text-decoration
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| CSS Text Decoration Module Level 3 # text-decoration-property |
| Scalable Vector Graphics (SVG) 2 # TextDecorationProperties |
Browser-Kompatibilität
Siehe auch
- CSS
text-decorationEigenschaft