Dekoracja tekstu {text-decoration}
Co zrobić, aby ten sam tekst został podkreślony, przekreślony i nadkreślony? Jak wprowadzić migający tekst w sposób zgodny ze standardem?
selektor { text-decoration: dekoracja }Natomiast jako "dekoracja" należy podać:
- none - bez zmian
- underline - podkreślenie
- line-through - przekreślenie
- overline - nadkreślenie
- blink - migotanie tekstu (nieobsługiwane w nowych przeglądarkach)
Polecenie umożliwia na wybór określonej dekoracji tekstu (np. podkreślenie). Migotanie może nie być interpretowane przez wszystkie przeglądarki!
Przykład {text-decoration}
dekoracja none
dekoracja underline
dekoracja line-through
dekoracja overline
dekoracja blink (tylko starsze przeglądarki)
Ciekawą możliwością może być łączenie powyższych wartości w jednej deklaracji, np.:
selektor { text-decoration: underline line-through overline }A oto efekt:
Tekst podkreślony, przekreślony i nadkreślony
Pytania i odpowiedzi {text-decoration}
Co oznacza "text-decoration"?
Właściwość CSS text-decoration służy do określania dekoracji tekstu, takich jak podkreślenie, przekreślenie, nadkreślenie. Może być stosowana do elementów tekstu, aby zmienić ich wygląd.
Jak podkreślić słowo w CSS?
Aby podkreślić słowo w CSS, możesz użyć właściwości text-decoration i ustawić jej wartość na underline. Na przykład: <span style="text-decoration: underline">słowo</span>.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
text-decoration: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |