⌘K

text-decoration-ominaisuus

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

Syntaksi

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

Arvot

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.

Esimerkki . Arvo underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Esimerkki . Arvo line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Esimerkki . Arvo overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Katso myös

Backtext-align-ominaisuusNextOminaisuus text-decoration-line