A text-decoration tulajdonság

A text-decoration tulajdonság különféle effekteket ad a szöveghez: aláhúzást, áthúzást, felülhúzást.

Szintaxis

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

É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 húz a szöveg fölé.
`none`	Eltávolítja az aláhúzást az aláhúzott elemről. Leggyakrabban linkekre használják, mivel azok alapértelmezetten aláhúzottak.

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

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

#elem {
	text-decoration: underline;
}

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

#elem {
	text-decoration: line-through;
}

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

#elem {
	text-decoration: overline;
}

a text-decoration-style tulajdonság,
amely lehetővé teszi a vonal típusának módosítását
a text-decoration-color tulajdonság,
amely lehetővé teszi a vonal színének módosítását
a text-decoration-line tulajdonság,
amely lehetővé teszi a vonal pozíciójának módosítását