Списъкът в CSS определя как съдържанието или елементите са изброени по определен начин, т.е. те могат да бъдат подредени спретнато или произволно, което помага при създаването на чиста уеб страница. Тъй като са адаптивни и лесни за работа, те могат да се използват за организиране на големи количества материали. Стилът по подразбиране на списъка е без граници. Списъкът може да бъде разделен на две категории:
Следните свойства на CSS списък са налични за използване при контролиране на CSS списъците:
Сега ще научим повече за тези характеристики чрез примери.
Свойство тип стил на списък
Списъчният тип маркер по подразбиране може да бъде променен на различни други типове, включително квадрат, кръг, римски цифри, латински букви и много други. Записите в неподреден списък са обозначени с кръгли символи (•), докато елементите в подреден списък са номерирани по подразбиране с арабски цифри (1, 2, 3 и т.н.).
Маркировките или куршумите ще бъдат премахнати, ако зададем стойността им на нищо.
Синтаксис:
list-style-type:value;
как да върна масив java
Можем да използваме стойността, както следва:
- кръг
- десетичен знак, напр.:1,2,3 и т.н
- десетични водещи нули, напр.:01,02,03,04 и т.н.
- долно-римски
- горно-римски
- по-ниска алфа, например a,b,c и т.н
- горна алфа, напр. A, B, C и т.н
- квадрат
Забележка: В списъка са включени и подложките и полето по подразбиране. Необходимо е да добавите padding:0 и margin:0 къмиетикети, за да елиминирате това.
- етикети, за да елиминирате това.
Пример
Този пример показва CSS списък с няколко типа списъчни стилове и стойности, зададени на квадрат, горна буква и много.
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>
Изход