⌘K

Die Eigenschaft text-decoration

Die Eigenschaft text-decoration fügt Text verschiedene Effekte hinzu: Unterstreichung, Durchstreichung, Linie oberhalb.

Syntax

cssSelector {
  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

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Beispiel . Wert line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Beispiel . Wert overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Siehe auch

BackEigenschaft text-alignNextEigenschaft text-decoration-line