Eigenschaft text-decoration-line

Die Eigenschaft text-decoration-line legt die Position der Linie für Text fest. Die Eigenschaft sollte zusammen mit den Eigenschaften text-decoration-style und text-decoration-color verwendet werden. Diese Eigenschaften erweitern die Wirkung der Eigenschaft text-decoration und sind deren erweiterte Pendants.

Syntax

cssSelektor {
  text-decoration-line: underline | line-through | overline | none;
}

Werte

Wert	Beschreibung
`underline`	Erzeugt unterstrichenen Text.
`line-through`	Erzeugt durchgestrichenen Text.
`overline`	Platziert 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

Lassen Sie uns den Text mit einer roten Linie durchstreichen:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: solid;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: