Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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.
Dastext-decoration-Attribut definiert, ob Text mit einer Unterstreichung, Überstreichung und/oder Durchstreichung dekoriert wird. Es ist eine Kurzform für die Eigenschaftentext-decoration-line undtext-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 despaint-order-Attributs an dem Punkt bestimmt, an dem die Textdekoration deklariert wird.
Hinweis:Als Präsentationsattribut hattext-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
html,body,svg { height: 100%;}<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 dieCSStext-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