Właściwość text-decoration
Właściwość text-decoration dodaje
tekstowi różne efekty: podkreślenie,
przekreślenie, linię nad tekstem.
Składnia
selektor {
text-decoration: underline | line-through | overline | none;
}
Wartości
| Wartość | Opis |
|---|---|
underline |
Tworzy tekst podkreślony. |
line-through |
Tworzy tekst przekreślony. |
overline |
Tworzy linię nad tekstem. |
none |
Anuluje podkreślenie podkreślonego elementu. Najczęściej używane dla linków, ponieważ są one domyślnie podkreślone. |
Wartość domyślna: none. Dla linków
wartość domyślna: underline.
Przykład . Wartość underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Przykład . Wartość line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Przykład . Wartość overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Zobacz też
-
właściwość
text-decoration-style,
która pozwala zmieniać typ linii -
właściwość
text-decoration-color,
która pozwala zmieniać kolor linii -
właściwość
text-decoration-line,
która pozwala zmieniać pozycję linii
