text-decoration-ominaisuus

Ominaisuus text-decoration lisää tekstille erilaisia efektejä: alleviivauksen, yliviivauksen, yläviivan.

Syntaksi

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

Arvo	Kuvaus
`underline`	Tee alleviivattu teksti.
`line-through`	Tee yliviivattu teksti.
`overline`	Tee viiva tekstin yläpuolelle.
`none`	Poistaa alleviivauksen alleviivatusta elementistä. Useimmiten käytetään linkeille, koska ne ovat oletusarvoisesti alleviivattuja.

Oletusarvo: none. Linkeille oletusarvo: 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;
}

ominaisuus text-decoration-style,
joka mahdollistaa viivatyypin muuttamisen
ominaisuus text-decoration-color,
joka mahdollistaa viivan värin muuttamisen
ominaisuus text-decoration-line,
joka mahdollistaa viivan sijainnin muuttamisen