Ominaisuus text-decoration-line
Ominaisuus text-decoration-line asettaa
tekstin viivan sijainnin.
Ominaisuutta tulisi käyttää yhdessä
ominaisuuksien text-decoration-style
ja text-decoration-color kanssa.
Nämä ominaisuudet laajentavat
text-decoration -ominaisuuden toimintaa,
ollen kehittyneempiä vastineita.
Syntaksi
valitsija {
text-decoration-line: 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 elementin alleviivauksen. Yleisimmin käytetään linkeille, koska ne ovat oletusarvoisesti alleviivattuja. |
Oletusarvo: none. Linkeille
oletusarvo on: underline.
Esimerkki
Yliviivataan teksti punaisella viivalla:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: solid;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
