Tekststyling er en viktig faktor som brukes for å forbedre nettstedets elementer. Det inkluderer forskjellige HTML -elementer som lenker, bilder og knapper som må synkroniseres og konsistente. Også, CSS kan sikre at den ekstra teksten på en webside er pent synkronisert. For dette formålet kan flere tekstfunksjoner brukes, inkludert tekststørrelse, skriftfarge, tekstorientering og skriftfarge. “Tekstskygge”Er også inkludert i listen over disse fantastiske egenskapene.

Denne artikkelen vil diskutere Tekstskyggeegenskaper og dets relaterte alternativer ved hjelp av passende eksempler.

Tekstskygge-egenskap i CSS

I CSS kan du bruke "Tekstskygge”Eiendom for Legge til skygger til Html tekst elementer. Det består av forskjellige typer skygger som kan brukes ved hjelp av interne, eksterne eller inline CSS.

Syntaksen til tekstskyggeegenskapen i CSS er gitt nedenfor.

Syntaks

Tekstskygge: H-skygge V-Shadow Blur-Radius Color | Ingen | Initial |
arve;

Attributtene til tekstskyggeverdi er beskrevet nedenfor.

Nødvendige verdier
h-shadow: Denne verdien brukes til å spesifisere den horisontale plasseringen av tekstskyggen. Negative verdier kan brukes til å flytte skyggen til venstre side.

V-shadow: Denne verdien er nødvendig for å angi den vertikale posisjonen til en skygge. V-Shadow godtar også de negative verdiene som forskyvning.

Alle verdiene nevnt ovenfor vil bli brukt i det undergitte eksemplet.

Eksempel
I det undergitte eksemplet har vi satt "1px" som "h-shadow”Og“3px" som "y-shadow”Verdier. Også "fargen" på tekstskyggen er spesifisert som "rød”:

Tekstskyggeffekt!

Produksjon

Valgfrie verdier

Blur-Radius: Den brukes til å uskarpe tekstskyggen og standardverdien er 0.

ingen: Det viser at ingen skyggeeffekt legges til teksten.

farge: Dette alternativet brukes til å spesifisere tekstskyggefargen.

første: Dette alternativet brukes for å spesifisere standardverdien til tekst-skygge-egenskapen.

arve: Du kan arve denne egenskapen fra foreldrenes HTML -element.

La oss se på noen eksempler relatert til de medfølgende tekstskyggeverdiene.

Eksempel: Legge til farge i tekstskyggen

Tekstskygge fargeeffekt

Utførelsen av den ovennevnte koden vil legge til en "oransje" fargeeffekt til den ekstra tekstskyggen:

Følgende eksempel viser uskarphetseffekten på en tekstskyggeegenskap.

Eksempel: Å legge uskarpe effekt på tekstskygge

Tekstskygge uskarphet!

Produksjon

Tekstskyggeegenskapen godtar også listen over skygger atskilt av kommaene. Følgende eksempel vil demonstrere prosedyren for å utføre den spesifiserte operasjonen.

Eksempel

Tekstskygge med med flere tekstglød.

Produksjon

Vi har gitt den viktigste informasjonen relatert til bruken av “Tekstskygge” Eiendom i CSS.

Konklusjon

I CSS, Tekstskyggeegenskaper brukes til å legge skygger til HTML -tekstelementene. Det brukes først og fremst til å legge til farger i teksten, uskarpe skyggen og sette sin horisontale og vertikale posisjon. Denne artikkelen gir en grundig guide om prosedyren for bruk.