Egenskapen text-decoration
Egenskapen text-decoration legger til
ulike effekter på teksten: understreking,
gjennomstreking, linje over.
Syntaks
selector {
text-decoration: underline | line-through | overline | none;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
underline |
Gjør teksten understreket. |
line-through |
Gjør teksten gjennomstreket. |
overline |
Legger linje over teksten. |
none |
Fjerner understreking fra understrekede elementer. Brukes oftest for lenker, siden de som standard er understreket. |
Standardverdi: none. For lenker
er standardverdien: underline.
Eksempel . Verdien underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Eksempel . Verdien line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Eksempel . Verdien overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Se også
-
egenskapen
text-decoration-style,
som tillater å endre linjetypen -
egenskapen
text-decoration-color,
som tillater å endre linjefargen -
egenskapen
text-decoration-line,
som tillater å endre linjens posisjon
