Die Eigenschaft text-decoration
Die Eigenschaft text-decoration fügt
Text verschiedene Effekte hinzu: Unterstreichung,
Durchstreichung, Linie oberhalb.
Syntax
Selector {
text-decoration: underline | line-through | overline | none;
}
Werte
| Wert | Beschreibung |
|---|---|
underline |
Erzeugt unterstrichenen Text. |
line-through |
Erzeugt durchgestrichenen Text. |
overline |
Erzeugt eine Linie über dem Text. |
none |
Entfernt die Unterstreichung eines unterstrichenen Elements. Wird am häufigsten für Links verwendet, da diese standardmäßig unterstrichen sind. |
Standardwert: none. Für Links
ist der Standardwert: underline.
Beispiel . Wert underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Beispiel . Wert line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Beispiel . Wert overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Siehe auch
-
die Eigenschaft
text-decoration-style,
die es erlaubt, den Linientyp zu ändern -
die Eigenschaft
text-decoration-color,
die es erlaubt, die Linienfarbe zu ändern -
die Eigenschaft
text-decoration-line,
die es erlaubt, die Linienposition zu ändern