A text-decoration-line tulajdonság

A text-decoration-line tulajdonság a szöveg vonalának elhelyezését határozza meg. A tulajdonságot a text-decoration-style és a text-decoration-color tulajdonságokkal együtt kell használni. Ezek a tulajdonságok kiterjesztik a text-decoration tulajdonság hatását, annak fejlettebb párjaiként szolgálva.

Szintaxis

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

Értékek

Érték	Leírás
`underline`	Aláhúzott szöveget készít.
`line-through`	Áthúzott szöveget készít.
`overline`	Vonalat készít a szöveg fölé.
`none`	Eltávolítja az aláhúzást egy aláhúzott elemből. Leggyakrabban linkeknél használják, mivel azok alapértelmezetten aláhúzottak.

Alapértelmezett érték: none. Linkek esetén az alapértelmezett érték: underline.

Példa

Húzzuk át a szöveget piros vonallal:

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;
}

Результат: