Przełącz motyw

CSS

Wyszukiwarka

Wprowadzenie do CSS

Podstawowe właściwości CSS

Formatowanie tekstu w CSS

Stylowanie elementów HTML

Ułożenie i pozycjonowanie elementów

Responsywność i media queries

Animacje i efekty wizualne

Zaawansowane techniki CSS

Dekoracja tekstu (text-decoration, text-transform)

W CSS właściwości text-decoration oraz text-transform pozwalają na dodatkową stylizację tekstu. Dzięki nim możemy kontrolować m.in. podkreślenia, przekreślenia oraz wielkość liter, co może znacząco wpłynąć na wygląd oraz czytelność treści.

text-decoration – dekoracja tekstu

Właściwość text-decoration umożliwia dodanie efektów dekoracyjnych, takich jak podkreślenie, przekreślenie lub linia nad tekstem. Możemy również usunąć dekorację, jeśli została ustawiona domyślnie (np. w przypadku linków).

Praktyczne użycie 
   See the Pen    Untitled by EE-Informatyk.pl (@eeinformatyk)   on CodePen.

text-transform – przekształcanie tekstu

Właściwość text-transform pozwala zmienić sposób wyświetlania tekstu, kontrolując wielkość liter. Możemy np. ustawić cały tekst na wielkie litery, małe litery lub pierwszą literę każdego słowa na wielką.

Praktyczne użycie 

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

Właściwości text-decoration oraz text-transform pozwalają na dodatkową stylizację tekstu. Możemy kontrolować, czy tekst ma być podkreślony, przekreślony lub w inny sposób udekorowany, a także manipulować wielkością liter, tworząc bardziej interesujące i dynamiczne treści.