Egenskapen text-decoration-line
Egenskapen text-decoration-line angir
plasseringen av linjen ved tekst.
Egenskapen bør brukes sammen med
egenskapene text-decoration-style
og text-decoration-color.
Disse egenskapene utvider virkningen av egenskapen
text-decoration,
og er mer avanserte alternativer.
Syntaks
selector {
text-decoration-line: underline | line-through | overline | none;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
underline |
Gjør understreket tekst. |
line-through |
Gjør gjennomstreket tekst. |
overline |
Gjør linjen over teksten. |
none |
Fjerner understrykning for et understreket element. Oftest brukt for lenker, siden de som standard er understreket. |
Standardverdi: none. For lenker
er standardverdien: underline.
Eksempel
La oss gjennomstreke teksten med en rød linje:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: solid;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
