⌘K

Właściwość text-decoration

Właściwość text-decoration dodaje tekstowi różne efekty: podkreślenie, przekreślenie, linię nad tekstem.

Składnia

cssselektor {
  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

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Przykład . Wartość line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Przykład . Wartość overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Zobacz też

BackWłaściwość text-alignNextWłaściwość text-decoration-line