Właściwość text-decoration-line pozwala na dodanie linii dekoracyjnej do tekstu elementu HTML. Używając wartości underline, dodajemy linię podkreślającą. Z kolei wartość overline dodaje linię nad tekstem.
Wartość line-through zastosowana do właściwości text-decoration-line skutkuje przekreśleniem tekstu, co jest przydatne do oznaczania elementów, które zostały usunięte lub są nieaktualne.
Domyślnie hiperłącza w przeglądarkach internetowych mają stylizację polegającą na podkreśleniu tekstu i zastosowaniu koloru niebieskiego dla nieodwiedzonych linków, lub koloru fioletowego dla linków już odwiedzonych. Jest to pierwsza i najważniejsza obserwacja: hiperłącza posiadają swój własny, niezależny styl, który jest nakładany na tekst wewnątrz znaczników <a></a>.
Krój czcionki pozostaje niezmieniony, ale kolor i podkreślenie są dodawane, aby w prosty sposób uwidocznić, że dany tekst jest hiperłączem.
Do stylizowania wyglądu linków najlepiej używać tzw. pseudoklas, które dopisujemy do selektora po dwukropku. W przykładzie zastosowano dodatkową klasę o nazwie .styl1, co nie jest obowiązkowe, ale w praktyce umożliwia stworzenie kilku rodzajów hiperłączy na jednej podstronie poprzez dodanie kolejnych klas.
Przykład zastosowania pseudoklas w arkuszu stylów:
a.styl1:link { color: green; text-decoration: underline;}a.styl1:visited { color: green;}a.styl1:hover { color: blue;}a.styl1:active { color: red;}Pseudoklasy nie są samodzielnymi klasami. Na przykład, zapis :hover { color: blue; } sam w sobie nie jest kompletny. Mówi on przeglądarce, aby zastosowała określony styl, kiedy użytkownik najedzie kursorem na element, ale brakuje informacji, na który element. Dopiero połączenie pseudoklasy z selektorem, na przykład znacznikiem a, nadaje zapisowi pełny sens:
a:hover { color: blue;}
Domyślnie, gdy do tekstu elementu HTML dodamy linię dekoracyjną za pomocą właściwości text-decoration-line, linia ta ma styl solid (ciągły).
Właściwość text-decoration-style pozwala na modyfikację wyglądu tej linii. Dostępne wartości to:
Przykład zastosowania różnych stylów linii dekoracyjnej:
.element-z-wieloma-kropkami { text-decoration-line: underline; text-decoration-style: dotted;}.element-z-falista-linia { text-decoration-line: underline; text-decoration-style: wavy;}
Znaczenie prezentów – czy naprawdę podarunki są takie ważne?
W obecnych czasach, gdy dostęp do wszystkiego jeszcze nigdy nie był taki prosty, a sklepowe półki uginają się od przeróżnych przedmiotów, ciężko jest znaleźć coś, co nada się na prezent i uszczęśliwi drugą osobę. Wiele rzeczy obdarowany może po prostu kupić sobie sam, tak więc kupowanie komuś dziesiątego krawata, czy nowej patelni, zdaje się powoli tracić sens. Znaczenie podarunków ewoluowało i dzisiaj obdarowany oczekuje raczej rzeczy, która go zaskoczy i będzie absolutnie wyjątkowa. Może niech to będzie coś, na co nigdy by nie wpadł i nie domyśliłby się, że dostanie właśnie to?! Pozytywne zaskoczenie, radość, wdzięczność i wzruszenie, to emocje które idealnie określają to, jaki powinien być prezent idealny, na miarę XXI wieku.
Copyright ©2021 | niebanalne-prezenty.pl | Wszelkie prawa zastrzeżone.