Eigenschap text-decoration
De eigenschap text-decoration voegt
verschillende effecten aan tekst toe: onderstreping,
doorstreping, lijn boven.
Syntaxis
selector {
text-decoration: underline | line-through | overline | none;
}
Waarden
| Waarde | Beschrijving |
|---|---|
underline |
Maakt onderstreepte tekst. |
line-through |
Maakt doorgestreepte tekst. |
overline |
Plaatst een lijn boven de tekst. |
none |
Hiermee wordt de onderstreping van een onderstreept element opgeheven. Meestal gebruikt voor links, omdat deze standaard zijn onderstreept. |
Standaardwaarde: none. Voor links
is de standaardwaarde: underline.
Voorbeeld . Waarde underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Voorbeeld . Waarde line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Voorbeeld . Waarde overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Zie ook
-
de eigenschap
text-decoration-style,
die het mogelijk maakt om het lijntype aan te passen -
de eigenschap
text-decoration-color,
die het mogelijk maakt om de lijnkleur aan te passen -
de eigenschap
text-decoration-line,
die het mogelijk maakt om de lijnpositie aan te passen