Jak vytvořit překryvný text v CSS

CSS umožňuje vyrábět širokou škáluoperace spojené s dekorací celé stránky. Zvláštní pozornost je věnována textu, který ve většině případů vyplňuje většinu všech webů. Dnes zvážíme jednu zajímavou vlastnost: podtržený, podtržený a přeškrtnutý text. Všechny tyto efekty jsou nastaveny pomocí jediného pravidla CSS.

Zadání

Pomocí CSS můžete podtrhnout a přeškrtnout textpomocí příkazu dekorace textu. Účinek bude záviset na uvedené hodnotě. CSS byl vynalezen k oddělení logických a strukturálních částí webové stránky. Než se však objevily kaskádové styly, byly použity značky HTML, které měly podobný význam. Například prvek, jako je , umožňuje zobrazit přeškrtnutý text. Nyní je tato značka považována za nežádoucí a její použití automaticky způsobí neplatnost kódu vaší stránky. Přestože prvek stále podporují všechny moderní prohlížeče a používají ho někteří vývojáři. Ale zpět do CSS. Příkaz dekorace textu může mít následující významy:

• Podtržení Přiřazením této hodnoty získáte podtržený text.
• Overline Řádek přejde přes konkrétní část stránky.
• Line-through. Vytvoří přeškrtnutý nebo přeškrtnutý text.
• Bliká Vybraný fragment dokumentu bude periodicky mizí a znovu se objeví.
• Existují také hodnoty „žádné“ a „dědit“. První zruší všechny efekty a druhý příkaz zdědí vlastnost z nadřazeného prvku.

Účel

Zdá se, že v přeškrtnutém textu CSS apodobné efekty slouží pouze k ozdobení textu. Ve většině případů je toto tvrzení pravdivé. Ale někdy stojí za zvážení otázku: proč byly takové prvky vytvořeny? Například již zastaralá značka „strike“ byla použita k označení nesprávných nebo starých informací. Čtenáři, když viděli přeškrtnutý text, chápou skrytý význam takového označení. Podtržená slova se vždy okamžitě odlišují od obecného toku. Proto musí být tento efekt použit pro zvýraznění důležitých informací. Hodnota „blikání“, která způsobuje blikání textu, se používá poměrně zřídka, protože je mezi programátory obecně přijímána jako nepřijatelná. Koneckonců, málokdo z vašich čtenářů má rád blikající postavy, které je neustále rozptýlí. Hodnota „overline“ se používá pouze k ozdobení textu.

Vlastnosti

Přestože všechny hodnoty vlastnosti text dekoracejsou zahrnuty do specifikace verzí kaskádových tabulek, ale některé hodnoty nejsou moderními prohlížeči podporovány. Například blikající text nebude v IE viditelný. Prohlížeč Google Chrome nepřijímá některé hodnoty. Mobilní platformy tuto funkci plně nepodporují.

Závěr

Účinky, jako je přeškrtnutý text a dalšípodobné hodnoty se na internetu používají velmi často. Jejich použití umožňuje správně vyjádřit hlavní myšlenku autora a pomoci soustředit čtenáře na pravou část textu. Nebuďte však příliš horliví a pokud je to možné, používejte vlastnost „textové dekorace“. Nadměrná dekorace textu může skutečně poškodit vás a vaše čtenáře.