Egenskaben text-decoration
Egenskaben text-decoration tilføjer
tekst forskellige effekter: understregning,
gennemstregning, linje over.
Syntaks
selektor {
text-decoration: underline | line-through | overline | none;
}
Værdier
| Værdi | Beskrivelse |
|---|---|
underline |
Laver understreget tekst. |
line-through |
Laver gennemstreget tekst. |
overline |
Laver linje over teksten. |
none |
Ophæver understregning af det understregede element. Bruges oftest for links, da de som standard er understreget. |
Standardværdi: none. For links
standardværdi: underline.
Eksempel . Værdien underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Eksempel . Værdien line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Eksempel . Værdien overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Se også
-
egenskaben
text-decoration-style,
som gør det muligt at ændre linjetypen -
egenskaben
text-decoration-color,
som gør det muligt at ændre linjens farve -
egenskaben
text-decoration-line,
som gør det muligt at ændre linjens position
