Sådan laver du krydset tekst i CSS

CSS giver dig mulighed for at producere en bred vifte afoperationer forbundet med den dekorative udsmykning af hele siden. Der lægges særlig vægt på teksten, som i de fleste tilfælde udfylder de fleste af alle websteder. I dag vil vi overveje en interessant ejendom: en overlejret, understreget og krydset tekst. Alle disse effekter er indstillet ved hjælp af en enkelt CSS regel.

opgave

Det er muligt at understrege og krydse teksten i CSS medved hjælp af kommandoen "text-decoration". Effekten afhænger af den angivne værdi. CSS blev udformet til at adskille den logiske og strukturelle del af en webside. Men inden udseendet af cascading stilark blev HTML-tags brugt, hvilket havde en lignende betydning. For eksempel giver et element som <strike> dig mulighed for at producere gennemtrængende tekst. Nu er dette mærke betragtes som uønsket, og dets brug vil automatisk gøre din sidekode ugyldig. Selvom dette element <strike> stadig understøttes af alle moderne browsere og bruges af nogle udviklere. Men tilbage til CSS. Kommandoen "tekst-dekoration" kan have følgende værdier:

Understreget. Ved at tildele denne værdi får du den understregede tekst.
Overlinie. Linjen vil passere over et bestemt stykke af siden.
Linje-igennem. Opretter en gennemtrængende eller gennemtrængende tekst.
Blink. Det valgte fragment af dokumentet forsvinder med jævne mellemrum og vises igen.
Der er også værdier af "ingen" og "arve". Den første annullerer alle effekter, og den anden ordre arver ejendomselementets egenskab.

skæbne

Det ser ud til, at der i CSS er en krydset tekst ogLignende effekter tjener kun til at dekorere teksten. I de fleste tilfælde er denne erklæring sand. Men nogle gange er det værd at overveje spørgsmålet: hvad var elementerne til? For eksempel, allerede forældet tag «strejke» bruges til at henvise til fejlbetjening eller gamle oplysninger. Læsere oplevede gennemstreget tekst, forstå den skjulte betydning af denne betegnelse. De understregede ord adskilles altid straks fra den generelle strømning. Derfor skal denne effekt bruges til at fremhæve vigtige oplysninger. Betydning «blinke», hvilket gør den blinkende tekst bruges sjældent som en sådan virkning anses for at være uacceptabelt blandt programmører. Efter alt, par af dine læsere gerne blinkende symboler, der vil hele tiden distrahere dem. Men værdien af «overlinie» bruges kun til udsmykning af teksten.

Egenskaber

Selvom alle værdierne af "tekst-dekoration" egenskabener inkluderet i specifikationen af cascading tabel versioner, men nogle værdier understøttes ikke af moderne browsere. For eksempel vil den blinkende tekst ikke blive synlig i IE. Google Chrome accepterer ikke visse værdier. Mobile platforme understøtter denne funktion utilstrækkeligt.

konklusion

Effekter som gennemtrængende tekst og andrelignende værdier bruges ganske ofte på internettet. Ved at bruge dem kan du korrekt udtrykke forfatterens hovedide, som hjælper med at fokusere læsernes opmærksomhed på den ønskede del af teksten. Men du bør ikke være for ivrig efter at anvende "text-decoration" -egenskaben, når det er muligt. Tross alt kan overdreven udsmykning af teksten skade dig og dine læsere.