Kas yra sąrašo stiliaus tipas ir kaip jį naudoti „Tailwind“?

Šis straipsnis parodys:

• Kas yra Tailwind CSS sąrašo stiliaus tipas?
• Kaip naudoti sąrašo stiliaus tipą „Tailwind CSS“?

Kas yra Tailwind CSS sąrašo stiliaus tipas?

Sąrašo stiliaus tipas yra CSS ypatybė, kuri naudojama sąrašo elementų žymeklių išvaizdai tinkinti sutvarkytuose sąrašuose

ir netvarkinguose sąrašuose
. Jame nurodomas ženklelio tipas arba numeravimo stilius, kuris bus naudojamas sąrašo elementams.

---





---

Sąrašo stiliaus tipą sudaro trys klasės, pavyzdžiui:





sąrašas-diskas

Ji nustato „list-style-type“ ypatybę į diską, kuriame rodomas užpildytas apskritimas kaip netvarkingų sąrašų žymeklis.

“




sąrašas-dešimtainė

Jis nustato „sąrašo stiliaus“ ypatybę į dešimtainę skaičių, o tai rodo skaitines dešimtaines reikšmes (1, 2, 3 ir tt) kaip sutvarkytų sąrašų žymeklius.

“.

---





---

sąrašas - nėra

Ji nustato ypatybę 'list-style-type' į None, o tai reiškia, kad sąrašo elementams nerodomas joks žymeklis.

Kaip naudoti sąrašo stiliaus tipą „Tailwind CSS“?

Norėdami naudoti sąrašo stiliaus tipą „Tailwind CSS“, pirmiausia sukurkite HTML programą ir naudokite joje esančius sąrašo elementus, nurodydami „ sąrašas-diskas “ ir „ sąrašas-dešimtainė ' Komunalinės paslaugos. Tada paleiskite HTML programą ir patikrinkite išvestį:





1 veiksmas: sukurkite HTML tinklalapį naudodami sąrašo elementus

Pirmiausia sukurkite HTML programą ir naudokite joje esančius sąrašo elementus naudodami „list-disc“ ir „list-decimal“ įrankius. Pavyzdžiui, mes panaudojome šiuos elementus:

< kūnas >

< div klasė = 'h-screen ml-10' >

< ul klasė = 'sąrašas-diskas' >

< kad > 1 sąrašo elementas < / kad >

< kad > 2 sąrašo elementas < / kad >

< kad > 3 sąrašo punktas < / kad >

< / ul >

< br >

< ol klasė = 'sąrašas dešimtainis' >

< kad > 1 sąrašo elementas < / kad >

< kad > 2 sąrašo elementas < / kad >

< kad > 3 sąrašo punktas < / kad >

< / ol >

< br >

< ul >

< kad > 1 sąrašo elementas < / kad >

< kad > 2 sąrašo elementas < / kad >

< kad > 3 sąrašo punktas < / kad >

< / ul >

< / div >

< / kūnas >

Čia

• Pirmas, '
  “ yra pritaikyta klasė „list-disc“, kuri kiekvienam sąrašo elementui rodo užpildytus apskritimo žymeklius.
  • Antras, '
    “ taikoma „list-decimal“ klasė, kuri kaip žymeklius rodo skaitines dešimtaines reikšmes.
    1. Paskutinis '
       “ nėra pritaikyta jokia naudingumo klasė, todėl bus naudojamas numatytasis sąrašo žymeklio stilius.

       2 veiksmas: peržiūrėkite HTML tinklalapį

       Tada paleiskite HTML programą ir peržiūrėkite tinklalapį, kad patikrintumėte išvestį:

       

       Aukščiau pateiktame išvestyje buvo pateikti sąrašai, pagal kuriuos jie buvo sukurti.

       Išvada

       Sąrašo stiliaus tipas yra CSS ypatybė, kuri naudojama sąrašo elementų žymeklių išvaizdai tinkinti sutvarkytuose ir netvarkinguose sąrašuose. Jame nurodomas ženklelio tipas arba numeravimo stilius, kuris bus naudojamas sąrašo elementams. Jis gali būti naudojamas Tailwind nurodant „ sąrašas-diskas “ ir „ sąrašas-dešimtainė ' Komunalinės paslaugos. Šiame straipsnyje paaiškinta apie sąrašo stiliaus tipą ir jo naudojimą „Tailwind“.