Prie vartotojui patrauklių svetainių dažnai reikia kartkartėmis pridėti keletą stiliaus metodų. Tokiose situacijose teksto dekoravimo stilius gali būti atliekamas įvairiais būdais, remiantis skirtingomis vertybėmis, atsižvelgiant į reikalavimus, kad svetainė išsiskirtų.
Šis tinklaraštis apims šias turinio sritis:
Kaip nustatyti teksto dekoravimo stilių „Tailwind CSS“?
Teksto stilių galima nustatyti ir papuošti naudojant „ tekstas-dekoravimo-stilius “ nuosavybė, kuriai priskirtos skirtingos stiliaus reikšmės.
Teksto dekoravimo stiliaus ypatybės
Klasė | Savybės |
puošmena-kieta | tekstas-dekoravimo-stilius: solidus; |
dekoracija-dviguba | tekstas-dekoravimo-stilius: dvigubas; |
dekoracija-banguota | tekstas-dekoravimo-stilius: banguotas; |
puošmena brūkšniuota | tekstas-dekoravimo-stilius: brūkšninis; |
dekoracija-taškuota | tekstas-dekoravimo-stilius: taškuotas; |
Pavyzdys: teksto dekoravimo stiliaus nustatymas Tailwind CSS
Šiame pavyzdyje naudojamas aukščiau aptartas ' tekstas-dekoravimo-stilius “ nuosavybė su visomis reikšmėmis pastraipos tekstui stilizuoti:
DOCTYPE html >< html >
< galva >
< meta simbolių rinkinys = 'utf-8' >
< meta vardas = 'žiūros sritis' turinys = 'plotis = įrenginio plotis, pradinė skalė = 1' >
< scenarijus src = 'https://cdn.tailwindcss.com' > scenarijus >
galva >
< kūnas >
< div >
< p klasė = 'pabraukti puošmena - vientisa...' > Tai yra „Linuxhint“ svetainė p >
< p klasė = „pabraukti dekoraciją – dvigubai...“ > Tai yra „Linuxhint“ svetainė p >
< p klasė = 'pabraukti dekoraciją - banguota ...' > Tai yra „Linuxhint“ svetainė p >
< p klasė = 'pabraukti dekoraciją - brūkšneliais...' > Tai yra „Linuxhint“ svetainė p >
< p klasė = 'pabraukti dekoracija-taškuota...' > Tai yra „Linuxhint“ svetainė p >
div >
kūnas >
html >
Remdamiesi šiuo kodu, atlikite šiuos veiksmus:
-
- Įtraukite pateiktą ' CDN “ kelias per “
“ žymą, kad pritaikytumėte „Tailwind“ funkcijas. - Dabar sukurkite keturias pastraipas naudodami „ ' žyma, kurioje yra ' tekstas-dekoravimas “ nuosavybė kiekvienu atveju priskiriama skirtinga verte, kaip buvo aptarta.
- Dėl to tekstas pabraukiamas vientisomis, dvigubomis, banguotomis, punktyrinėmis ir punktyrinėmis linijomis.
- Įtraukite pateiktą ' CDN “ kelias per “
Išvestis
Iš šio rezultato patikrinama, ar tekstas buvo atitinkamai papuoštas.
Išvada
Teksto stilių galima nustatyti ir papuošti naudojant „ tekstas-dekoravimo-stilius “ nuosavybė, kuriai priskirtos skirtingos stiliaus reikšmės. Šios reikšmės apima vientisą, dvigubą, banguotą, brūkšninį ir taškinį. Šis tinklaraštis buvo skirtas teksto dekoravimo stiliaus nustatymui naudojant Tailwind CSS.