Przejdź do treści

CSS / Tekst

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 }
Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów].

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

Komentarze

Zobacz więcej komentarzy

Facebook