logo

TechCodeview

ЦСС стилови листе

Листа у ЦСС-у одређује како су садржаји или ставке наведени на одређени начин, односно могу ли бити распоређени уредно или насумично, што помаже у креирању чисте веб странице. Пошто су прилагодљиви и једноставни за руковање, могу се користити за организовање великих количина материјала. Подразумевани стил листе је без оквира. Листа се може поделити у две категорије:

    Неуређена листа:Подразумевано, елементи листе у неуређеним листама су означени мецима, који су мали црни кругови.Наручена листа:Елементи листе у уређеним листама су идентификовани бројевима и словима.

Следећа својства ЦСС листе су доступна за коришћење у контролисању ЦСС листа:

    Тип-стил листе:Ово својство се користи за одређивање изгледа маркера ставке листе, као што је диск, карактер или прилагођени стил бројача.Слика у стилу листе:Слике које ће служити као маркери ставки листе могу се одредити помоћу овог параметра.Позиција-стил листе:Описује где би оквир маркера требало да се налази око оквира главног блока.Стил листе:Стил листе је конфигурисан са овим атрибутом.

Сада ћемо научити више о овим карактеристикама кроз примере.

Својство типа у стилу листе

Подразумевани тип листе маркера може се променити у низ других типова, укључујући квадрат, круг, римске бројеве, латинична слова и још много тога. Уноси у неуређеној листи су означени округлим знаковима (•), док су ставке у уређеној листи подразумевано нумерисане арапским бројевима (1, 2, 3, итд.).

Ознаке или меци ће бити уклоњени ако њихову вредност поставимо на ништа.

Синтакса:

лист-стиле-типе:валуе;

како отворити датотеку помоћу јава

Можемо користити вредност на следећи начин:

  1. круг
  2. децимални, нпр.:1,2,3, итд
  3. децималне водеће нуле, нпр. :01,02,03,04, итд
  4. нижеримски
  5. горњоримски
  6. нижи алфа, нпр. а,б,ц, итд
  7. горњи алфа, нпр. А, Б, Ц, итд
  8. квадрат

Напомена: Подразумевани паддинг и маргина су такође укључени у листу. Потребно је додати паддинг:0 и маргин:0 у
    и
      ознаке да ово елиминишу.

Пример

Овај пример приказује ЦСС листу са неколико типова и вредности у стилу листе постављених на квадрат и горњу алфа и многе.

 Example for CSS Lists .num{ list-style-type:decimal; } .alpha{ list-style-type:upper-alpha; } .circle{ list-style-type:circle; } .square{ list-style-type:square; } .disc{ list-style-type:disc; } <h2> Ordered Lists </h2> <ol class="order"> <li>ONE</li> <li>TWO</li> </ol> <h2> Unordered lists </h2> <ul> <li>ONE</li> <li>TWO</li> </ul>

Излаз

ЦСС стилови листе