Å lage et nettsted iøynefallende er noe som de fleste nettutviklere tar godt vare på. Nettutviklere bruker farger, justeringer og dekorasjoner på teksten som vises på nettstedet. Tekst på nettsteder kan forbedres ved hjelp av et bredt spekter av egenskaper som er gitt av CSS. En slik egenskap er den tekstdekorasjonsegenskapen som lar deg bruke forbedringslinjer på teksten. Denne opplæringen er designet for å opplyse leserne om tekstdekorasjonen i CSS.

tekstdekorasjon Eiendom i CSS

Som allerede nevnt, legger tekstdekorasjonsegenskapen i CSS til forbedringslinjer på teksten som vises på en webside. Tekstdekorasjonsegenskapen lar deg bruke en understrek, overlinje, gjennomføring og en kombinasjon av disse til den spesifiserte teksten.

Syntaks

Den har følgende syntaks

P
Tekstdekorasjon: Overlinje;

Hvordan du bruker understreken på tekst

Ved hjelp av tekst-dekorasjonsegenskapen kan du understreke en bestemt tekst.

Eksempel

CSS tekstdekorasjon

Produksjon
Teksten er understreket.

Hvordan bruke Overline på tekst

Ved hjelp av tekst-dekorasjonsegenskapen kan du angi en overlinje på en bestemt tekst. Kontakt eksemplet nedenfor.

H1
Tekstdekorasjon: Overlinje;

Produksjon

En overlinje er satt på teksten.

Hvordan bruke gjennomføring på tekst

Ved hjelp av tekstdekorasjonsegenskapen kan du stille en gjennomføring på en bestemt tekst. Bruk følgende kodestykke.

H1
Tekstdekorasjon: Linje-gjennom;

Produksjon

En gjennomføring er blitt brukt på teksten.

Hvordan bruke en kombinasjon av ovennevnte teknikker på tekst

Ved hjelp av tekstdekorasjonsegenskapen kan du bruke en kombinasjon av understrek, overlinje og gjennomføring på en bestemt tekst. Bruk følgende kodestykke.

H1
Tekstdekorasjon: Understrek Overline;

Produksjon

Teksten er understreket så vel som overlenget.

Tekstdekorasjon En korthetseiendom

En shorthand -eiendom i CSS er en eiendom som lar deg bruke forskjellige verdier på andre mange CSS -egenskaper på en gang, og sparer tid og energi. Egenskapen for tekstdekorasjon blir også sett på som en kortfattet eiendom fordi den kan brukes til å sette verdier til å følge egenskaper;

1. Tekstdekorasjonslinje
2. tekst-dekorasjonsfarge
3. Tekstdekorasjonsstil.

Før vi demonstrerer tekstdekorasjonseiendom som en kortfattet eiendom ved hjelp av et eksempel. La oss først forstå hva disse egenskapene er.

Tekstdekorasjonslinje: Denne egenskapen ligner på tekstdekorasjonsegenskapen og kan brukes til å bruke dekorasjoner på teksten.

Tekst-dekorasjonsfarge: Denne egenskapen brukes til å bruke farge på dekorasjonen som brukes på teksten.

Tekstdekorasjonsstil: Egenskapen for tekstdekorasjonsstil brukes til å bruke forskjellige stiler som solid, bølget, prikket, stiplet og doblet til tekstdekorasjonen (understreker, overlinje, linjes gjennom eller en kombinasjon).

La oss utforske tekstdekorasjon som en korthåndsegenskap ved hjelp av eksempler.

Eksempel 1

I det følgende eksemplet bruker vi farge og stil på tekstdekorasjon ved hjelp av bare tekstdekorasjonsegenskapen.

CSS tekstdekorasjon

Produksjon

Teksten har dekorert med en bølget rød understrek.

Eksempel 2

I det følgende eksemplet bruker vi en kombinasjon av understrek og overlinje og setter fargen og stilen også.

CSS tekstdekorasjon

Produksjon

Teksten er dekorert med en solid rød understrek og overlinje.

Konklusjon

Tekstdekorasjonsegenskapen i CSS lar deg legge til forbedringslinjer i teksten på websider. Disse linjene kan være en understrek, gjennomføring, overlinje eller en kombinasjon av disse til en bestemt tekst. Denne egenskapen blir referert til som en korthåndsegenskap fordi du kan sette verdier til tekstdekorasjonslinje, tekst-dekorasjonsfarge og tekstdekorasjonsstil egenskaper. Denne oppskrivningen, diskuterer egenskapen til tekstdekorasjon, sammen med passende eksempler.