Списъците са важен елемент от уеб страницата. Те спомагат за структурирането на информацията и я поставят в удобна за потребителя форма. В допълнение, под формата на списъци, често се прави менюта и навигационни панели. За да контролирате позицията и външния вид на елемент маркер позволява на CSS списък стил група от свойства.

Видове списъци

Разграничаване на подредени и неуправляеми списъци. Първият маркер може да бъде всеки знак, който не се променя от параграф на точка, и второ, всеки елемент в списъка има свой собствен маркер, който определя местоположението му сред останалите.


Обикновените списъци за маркиране обикновено използват цифри или букви от различни системи и азбуки. В зависимост от степента на вмъкване се различават едно- и многостепенните списъци. Всяко ниво често има свой собствен маркиращ елемент. Използването на списъци при създаване на меню или навигационна лента се насърчава от последната версия на стандарта HTML, тъй като този елемент има важна семантична стойност.

Показване в CSS

Всеки елемент е блок контейнер със специален вид дисплей: list-item. По подразбиране, тази стойност се задава за елементите li, разположени вътре в контейнерите ul и ol и осигурява индикацията на маркера пред блока. Ако е необходимо, този тип дисплей може да бъде зададен за всеки HTML контейнер. Появилият се елемент за маркиране се оформя с помощта на групата свойства на стила на списъка на CSS.

p {
показва: списък-елемент;
type-style-type: десетичен;
}

Всичките три свойства, изброени по-долу, се наследяват от дъщерни елементи, които имат показване: list-item и изискват изрично предефиниране, ако е необходимо.

Позиция на маркера на списъка

Първото свойство на групата е позиция в стил на списъка. Той определя дали маркерът остава в блока от текст или е преминал извън неговите граници.