Kaj je vrsta sloga seznama in kako jo uporabiti v Tailwindu?

Ta članek bo ponazoril:

• Kaj je vrsta sloga seznama v Tailwind CSS?
• Kako uporabiti vrsto sloga seznama v Tailwind CSS?

Kaj je vrsta sloga seznama v Tailwind CSS?

Vrsta sloga seznama je lastnost CSS, ki se uporablja za prilagajanje videza označevalcev elementov seznama v urejenih seznamih

in neurejenih seznamih
. Določa vrsto oznake ali slog oštevilčevanja, ki bo uporabljen za elemente seznama.

---





---






Vrsta sloga seznama vsebuje tri razrede, kot so:





disk s seznamom

Lastnost »list-style-type« nastavi na disk, ki prikaže zapolnjen krog kot oznako za neurejene sezname '

”




list-decimal

Nastavi lastnost »list-style-type« na decimal, ki prikazuje številske decimalne vrednosti (1, 2, 3 itd.) kot oznake za urejene sezname

”.

---





---

seznam-brez

Lastnost »list-style-type« nastavi na nič, kar pomeni, da za elemente seznama ni prikazan noben marker.

Kako uporabiti vrsto sloga seznama v Tailwind CSS?

Če želite uporabiti tip sloga seznama v Tailwind CSS, najprej naredite program HTML in uporabite elemente seznama v njem, tako da podate » disk s seznamom « in » list-decimal ” pripomočki. Nato zaženite program HTML in si oglejte izhod za preverjanje:





1. korak: Ustvarite spletno stran HTML z uporabo elementov seznama

Najprej naredite program HTML in uporabite elemente seznama v njem z uporabo pripomočkov 'list-disc' in 'list-decimal'. Na primer, uporabili smo naslednje elemente:

< telo >

< div razred = 'h-screen ml-10' >

< ul razred = 'list-disk' >

< to > Element seznama 1 < / to >

< to > Element seznama 2 < / to >

< to > Postavka seznama 3 < / to >

< / ul >

< št >

< ol razred = 'decimalni seznam' >

< to > Element seznama 1 < / to >

< to > Element seznama 2 < / to >

< to > Postavka seznama 3 < / to >

< / ol >

< št >

< ul >

< to > Element seznama 1 < / to >

< to > Element seznama 2 < / to >

< to > Postavka seznama 3 < / to >

< / ul >

< / div >

< / telo >

tukaj,

• Prvi, '
  « ima uporabljen razred »list-disc«, ki prikazuje oznake zapolnjenih krogov za vsako postavko seznama.
  • Drugi, '
    ” ima uporabljen razred “list-decimal”, ki prikazuje številske decimalne vrednosti kot oznake.
    1. Zadnji '
       ” nima uporabljenega nobenega uporabnega razreda, zato bo uporabil privzeti slog označevalcev seznama.

       2. korak: Oglejte si spletno stran HTML

       Nato zaženite program HTML in si oglejte spletno stran, da preverite izpis:

       

       Zgornji rezultat je prikazal sezname, po katerih so bili oblikovani.

       Zaključek

       Vrsta sloga seznama je lastnost CSS, ki se uporablja za prilagajanje videza oznak elementov seznama na urejenih in neurejenih seznamih. Določa vrsto oznake ali slog oštevilčevanja, ki bo uporabljen za elemente seznama. Uporabite ga lahko v Tailwindu tako, da določite » disk s seznamom « in » list-decimal ” pripomočki. V tem članku je razložena vrsta sloga seznama in njegova uporaba v Tailwindu.