Шта је тип стила листе и како га користити у Таилвинд-у?

Sta Je Tip Stila Liste I Kako Ga Koristiti U Tailvind U



Таилвинд ЦСС је популаран оквир који нуди разне услужне класе за стилизовање ХТМЛ елемената. Тип стила листе је услужна класа која омогућава корисницима да прилагоде изглед ставки листе. Елемент листе састоји се од надређеног „<ул>” или „<ол>” елемента и једног или више подређених „<ли>” елемената. Сваки елемент <ли> представља ставку листе која може да садржи текст, слике, везе или други садржај. Тип стила листе је корисно својство за креирање атрактивних и занимљивих листа на веб страницама.

Овај чланак ће илустровати:

Шта је тип стила листе у Таилвинд ЦСС-у?

Тип стила листе је ЦСС својство које се користи за прилагођавање изгледа маркера ставки листе у уређеним листама <ол> и неуређеним листама <ул>. Одређује тип набрајања или стил нумерисања који ће се користити за ставке листе.







Тип стила листе садржи три класе, као што су:



листа-диск

Поставља својство „тип-стил листе“ на диск, који приказује попуњен круг као маркер за неуређене листе „ <ул>



листа-децимала

Поставља својство „тип-стил листе“ на децимално, које приказује нумеричке децималне вредности (1, 2, 3, итд.) као маркере за уређене листе „ <ол> ”.





листа-нема

Поставља својство „тип-стил листе“ на ништа, што значи да се за ставке листе не приказује ниједан маркер.

Како користити тип стила листе у Таилвинд ЦСС-у?

Да бисте користили тип стила листе у Таилвинд ЦСС-у, прво направите ХТМЛ програм и користите елементе листе у њему тако што ћете навести „ листа-диск ' и ' листа-децимала ” комуналне услуге. Затим покрените ХТМЛ програм и погледајте излаз за верификацију:



Корак 1: Креирајте ХТМЛ веб страницу користећи ставке листе

Прво направите ХТМЛ програм и користите елементе листе у њему користећи услужне програме „лист-дисц” и „лист-децимал”. На пример, користили смо следеће елементе:

< тело >

< див класа = 'х-сцреен мл-10' >

< ул класа = 'лист-диск' >

< то > Ставка листе 1 < / то >

< то > Ставка листе 2 < / то >

< то > Ставка листе 3 < / то >

< / ул >

< бр >

< ол класа = 'лист-децимал' >

< то > Ставка листе 1 < / то >

< то > Ставка листе 2 < / то >

< то > Ставка листе 3 < / то >

< / ол >

< бр >

< ул >

< то > Ставка листе 1 < / то >

< то > Ставка листе 2 < / то >

< то > Ставка листе 3 < / то >

< / ул >

< / див >

< / тело >

овде,

  • Први, ' <ул> ” има примењену класу „лист-дисц” која приказује попуњене маркере кругова за сваку ставку листе.
  • Друга, ' <ол> ” има примењену класу „лист-децимал” која приказује нумеричке децималне вредности као маркере.
  • Последњи ' <ул> ” нема примењену класу услужних програма, тако да ће користити подразумевани стил маркера листе.

Корак 2: Прегледајте ХТМЛ веб страницу

Затим покрените ХТМЛ програм и погледајте веб страницу да бисте проверили излаз:

Горњи излаз је приказао листе према којима су стилизоване.

Закључак

Тип стила листе је ЦСС својство које се користи за прилагођавање изгледа маркера ставки листе у уређеним и неуређеним листама. Одређује тип набрајања или стил нумерисања који ће се користити за ставке листе. Може се користити у Таилвинд-у тако што ћете навести „ листа-диск ' и ' листа-децимала ” комуналне услуге. Овај чланак је објаснио тип стила листе и његову употребу у Таилвинд-у.