Käyttäjiä houkuttelevat verkkosivustot vaativat usein useiden tyylimenetelmien liittämistä ajoittain. Tällaisissa tilanteissa tekstin koristelu voidaan muotoilla useilla eri tavoilla eri arvojen perusteella vaatimusten mukaisesti, jotta sivusto erottuisi joukosta.
Tämä blogi kattaa seuraavat sisältöalueet:
Kuinka asettaa tekstin sisustustyyli Tailwind CSS: ssä?
Tekstin tyyli voidaan asettaa ja koristella ' teksti-koriste-tyyli ” kiinteistö, joka on allokoitu eri tyyliarvoilla.
Tekstin sisustustyylin ominaisuudet
Luokka | Ominaisuudet |
koriste-kiinteä | teksti-koriste-tyyli: kiinteä; |
koristelu-kaksois | teksti-koriste-tyyli: kaksinkertainen; |
koriste-aaltomainen | teksti-koriste-tyyli: aaltoileva; |
koriste-katkoviiva | teksti-koriste-tyyli: katkoviiva; |
koriste-pisteinen | teksti-koriste-tyyli: pilkullinen; |
Esimerkki: Tekstin koristelutyylin asettaminen Tailwind CSS:ssä
Tämä esimerkki hyödyntää edellä käsiteltyä ' teksti-koriste-tyyli ”-ominaisuus kaikilla arvoilla kappaletekstin tyyliin:
DOCTYPE html >< html >
< pää >
< meta merkkisetti = 'utf-8' >
< meta nimi = 'näkymä' sisältö = 'width=device-width, original-scale=1' >
< käsikirjoitus src = 'https://cdn.tailwindcss.com' > käsikirjoitus >
pää >
< kehon >
< div >
< s luokkaa = 'alleviivaus - kiinteä...' > Tämä on Linuxhint-verkkosivusto s >
< s luokkaa = 'alleviiva koristelu - tupla...' > Tämä on Linuxhint-verkkosivusto s >
< s luokkaa = 'alleviiva koristelu - aaltoileva...' > Tämä on Linuxhint-verkkosivusto s >
< s luokkaa = 'alleviivaa koriste-katkoviiva...' > Tämä on Linuxhint-verkkosivusto s >
< s luokkaa = 'alleviivaa koriste-pisteinen...' > Tämä on Linuxhint-verkkosivusto s >
div >
kehon >
html >
Suorita seuraavat vaiheet tämän koodin perusteella:
-
- Sisällytä annettu ' CDN ' polku ' ” -tunnisteen, jolla käytetään Tailwind-toimintoja.
- Luo nyt neljä kappaletta käyttämällä ' '-tunniste, joka sisältää ' teksti-sisustus ” kiinteistö, jolla on jokaisessa tapauksessa eri arvo, kuten on käsitelty.
- Tämä alleviivaa tekstiä yhtenäisillä, kaksois-, aalto-, katko- ja katkoviivoilla.
Lähtö
Tämän tuloksen perusteella varmistetaan, että teksti on koristeltu vastaavasti.
Johtopäätös
Tekstin tyyli voidaan asettaa ja koristella ' teksti-koriste-tyyli ” kiinteistö, joka on allokoitu eri tyyliarvoilla. Näitä arvoja ovat kiinteä, kaksinkertainen, aaltoileva, katkoviiva ja katkoviiva. Tässä blogissa oli kyse tekstin koristelun tyylin asettamisesta Tailwind CSS:n avulla.