Jak vytvořit překryvný text v CSS

CSS umožňuje vytvářet širokou škáluoperace spojené s dekorativní dekorací celé stránky. Zvláštní pozornost je věnována textu, který ve většině případů vyplňuje většinu stránek. Dnes budeme zvažovat jednu zajímavou vlastnost: překrytý, podtržený a překřížený text. Všechny tyto efekty jsou nastaveny pomocí jediného pravidla CSS.

Přiřazení

Je možné zdůraznit a překrýt text v CSS pomocípomocí příkazu "text-decoration". Efekt bude záviset na zadané hodnotě. CSS bylo vytvořeno pro oddělení logické a strukturální části webové stránky. Ale před vznikem kaskádových stylů byly použity značky HTML, které měly podobný význam. Například prvek jako například umožňuje výstup textu prořezávání. Nyní je tato značka považována za nežádoucí a její použití automaticky způsobí neplatnost kódu stránky. Tento element je stále podporován všemi moderními prohlížeči a používá ho někteří vývojáři. Ale zpět do CSS. Příkaz "text-decoration" může mít následující hodnoty:

• Podtrhnout. Přiřazením této hodnoty získáte podtržený text.
• Překlenout. Linka projde určitým fragmentem stránky.
• Line-through. Vytvoří překryvný nebo přeškrtnutý text.
• Blink. Vybraný fragment dokumentu bude pravidelně zmizet a znovu se objeví.
• Také existují hodnoty "žádné" a "dědí". První zruší všechny efekty a druhé příkazy dědí vlastnost nadřazeného prvku.

Účel

Zdá se, že v CSS překročil text aPodobné efekty slouží pouze k zdobení textu. Ve většině případů je toto tvrzení pravdivé. Ale někdy stojí za to zvážit otázku: pro co byly prvky? Například již zastaralá značka "strike" byla použita k odkazu na nesprávné nebo staré informace. Čtenáři, kteří vidí překřížený text, chápou skrytý význam tohoto zápisu. Podčištěná slova jsou vždy okamžitě odlišena od obecného toku. Tento efekt je proto třeba použít k vyzdvižení důležitých informací. Hodnota "blikání", která bliká text, se používá poměrně zřídka, protože mezi programátory se považuje za takový nepřijatelný účinek. Koneckonců, málo vašich čtenářů jako blikající symboly, které je neustále odvádí. Hodnota "overline" se používá pouze pro zdobení textu.

Vlastnosti

Ačkoli všechny hodnoty vlastnosti "text-dekorace"jsou zahrnuty ve specifikaci verzí kaskádových tabulek, přesto některé hodnoty nejsou podporovány moderními prohlížeči. Například blikající text nebude v IE viditelný. Google Chrome nepřijímá určité hodnoty. Mobilní platformy tuto funkci nedostatečně podporují.

Závěr

Účinky, jako je překreslení textu a dalšípodobné hodnoty se často používají na internetu. Jejich použití vám umožňuje správně vyjádřit hlavní myšlenku autora a pomoci soustředit pozornost čtenářů na nezbytnou část textu. Ale nebuďte příliš horliví a při každé příležitosti uplatnit vlastnost "text-dekorace". Koneckonců zbytečné zdobení textu může poškodit vás a vaše čtenáře.