Kako postaviti stil ukrašavanja teksta u Tailwind CSS-u

Web stranice koje su privlačne korisnicima često zahtijevaju da se s vremena na vrijeme dodaju višestruke stilske metodologije. U takvim situacijama stiliziranje ukrasa teksta može se izvesti na više načina na temelju različitih vrijednosti prema zahtjevima kako bi se web mjesto istaknulo.

Ovaj će blog pokrivati sljedeća područja sadržaja:

Kako postaviti stil ukrašavanja teksta u Tailwind CSS-u?

Stil teksta može se postaviti i ukrasiti uz pomoć ' text-decoration-style ” svojstvo dodijeljeno s različitim vrijednostima stila.

Svojstva stila ukrasa teksta

Klasa	Svojstva
ukras-čvrsta	text-decoration-style: solid;
ukras-dvostruki	text-decoration-style: dvostruko;
ukras-valovit	text-decoration-style: valovit;
ukras-iscrtkano	text-decoration-style: crtkano;
ukras-točkasti	text-decoration-style: točkasto;

Primjer: Postavljanje stila ukrašavanja teksta u Tailwind CSS-u

Ovaj primjer koristi gore razmotreni ' text-decoration-style ” svojstvo sa svim vrijednostima za stiliziranje teksta odlomka:

DOCTYPE html >
< html >
< glava >
< meta skup znakova = 'utf-8' >
< meta Ime = 'viewport' sadržaj = 'width=device-width, initial-scale=1' >
< skripta src = 'https://cdn.tailwindcss.com' > skripta >
glava >
< tijelo >
< div >
< str razreda = 'podcrtani ukras-čvrsto...' > Ovo je web mjesto Linuxhint str >
< str razreda = 'podcrtani ukras-dvostruko ...' > Ovo je web mjesto Linuxhint str >
< str razreda = 'podcrtani ukras-valoviti ...' > Ovo je web mjesto Linuxhint str >
< str razreda = 'podcrtani ukras-crtkano ...' > Ovo je web mjesto Linuxhint str >
< str razreda = 'podcrtani ukras-točkasto ...' > Ovo je web mjesto Linuxhint str >
div >
tijelo >
html >

Na temelju ovog koda primijenite sljedeće korake:

- Uključi zadani ' CDN ' put unutar ' ” za primjenu funkcija Tailwinda.
- Sada stvorite četiri odlomka koristeći '
  ' oznaka koja sadrži ' tekst-ukras ” svojstvu dodijeljenom različitom vrijednošću u svakom slučaju, kao što je objašnjeno.
- Time se tekst podvlači punim, dvostrukim, valovitim, isprekidanim i točkastim linijama.

Izlaz

Iz ovog ishoda potvrđuje se da je tekst na odgovarajući način ukrašen.

Zaključak

Stil teksta može se postaviti i ukrasiti uz pomoć ' text-decoration-style ” svojstvo dodijeljeno s različitim vrijednostima stila. Ove vrijednosti uključuju jednobojno, dvostruko, valovito, isprekidano i točkasto. Ovaj se blog bavio postavljanjem stila ukrašavanja teksta pomoću Tailwind CSS-a.

Kako postaviti stil ukrašavanja teksta u Tailwind CSS-u