The text-decoration property

The text-decoration property adds various effects to a text: underline, line-through, overline.

Syntax

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

Value	Description
`underline`	Makes underlined text.
`line-through`	Makes line-through text.
`overline`	Makes a line above a text.
`none`	Undoes underlining of the underlined element. Most often used for links as they are underlined by default.

Default value: none. For links the default value is: 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;
}