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

szelektor {
	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:

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

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