Hvordan lage krysset tekst i CSS

CSS lar deg produsere et bredt utvalg avOperasjoner knyttet til dekorasjon av hele siden. Spesiell oppmerksomhet er lagt til teksten, som i de fleste tilfeller fyller de fleste nettsteder. I dag vurderer vi en interessant egenskap: en overlinet, understreket og krysset tekst. Alle disse effektene er satt ved hjelp av en enkelt CSS-regel.

strikeout tekst

oppdraget

Det er mulig å understreke og krysse ut teksten i CSS medbruker kommandoen "tekst-dekorasjon". Effekten vil avhenge av den angitte verdien. CSS ble laget for å skille den logiske og strukturelle delen av en nettside. Men før utseendet på cascading stilark ble HTML-koder brukt, som hadde en lignende betydning. For eksempel kan et element som gjøre det mulig å utføre gjennomsiktig tekst. Nå anses denne taggen uønsket, og bruken av den vil automatisk gjøre sidekoden ugyldig. Selv om dette elementet fortsatt støttes av alle moderne nettlesere og brukes av noen utviklere. Men tilbake til CSS. Kommandoen "tekst-dekorasjon" kan ha følgende verdier:

  • Understreke. Ved å tildele denne verdien får du den understrekte teksten.
  • Overlinje. Linjen vil passere over et bestemt fragment av siden.
  • Line-gjennom. Skaper en gjennomstrekkende eller strekkende tekst.
  • Blink. Det valgte fragmentet av dokumentet forsvinner periodisk og vises igjen.
  • Også det er verdier av "ingen" og "arve". Den første avbryter alle effekter, og andre ordrer arver eiendommen til overordnet elementet.

krysse ut teksten

skjebne

Det virker som i CSS en krysset tekst ogLignende effekter tjener kun til å dekorere teksten. I de fleste tilfeller er denne utsagnet sant. Men noen ganger er det verdt å vurdere spørsmålet: hva var elementene for? For eksempel ble en allerede utdatert tag "streik" brukt til å referere til feil eller gammel informasjon. Lesere, ser den oversatte teksten, forstår den skjulte betydningen av denne notasjonen. De understrekkede ordene er alltid umiddelbart skilt fra den generelle strømmen. Derfor må denne effekten brukes til å markere viktig informasjon. Verdien av "blink", som gjør at teksten blinker, brukes ganske sjelden, siden blant programmerere anses det å være en slik uakseptabel effekt. Tross alt, få av leserne dine liker flimrende symboler som stadig vil distrahere dem. Vel, verdien av "overline" brukes bare til å dekorere teksten.

css strikeout

funksjoner

Selv om alle verdiene av "tekst-dekorasjon" -egenskapener inkludert i spesifikasjonen for cascading tabellversjoner, men noen verdier støttes ikke av moderne nettlesere. For eksempel vil den blinkende teksten ikke være synlig i IE. Google Chrome godtar ikke visse verdier. Mobile plattformer støtter ikke denne funksjonen.

konklusjon

Effekter som for eksempel gjennomstrekkende tekst og andrelignende verdier blir ofte brukt på Internett. Deres bruk gjør det mulig å korrekt uttrykke hovedidéen til forfatteren, og bidra til å konsentrere lesernes oppmerksomhet på den nødvendige delen av teksten. Men vær ikke for ivrig og ved enhver anledning til å bruke eiendommen til "tekst-dekorasjon". Tross alt kan unødvendig utsmykking av teksten skade deg og dine lesere.

Relaterte nyheter