Listy są ważnym elementem strony internetowej. Pomagają uporządkować informacje i umieścić je w przyjaznej dla użytkownika formie. Ponadto w formie list często tworzonych menu i paneli nawigacyjnych. Aby kontrolować pozycję i wygląd znacznika elementu, pozwala na grupę właściwości stylu listy stylów CSS.

Rodzaje list

Rozróżniają uporządkowane i nieuporządkowane listy. Pierwszym znacznikiem może być dowolny znak, który nie zmienia się od akapitu do punktu, a po drugie, każda pozycja na liście ma własny znacznik, który określa jego położenie spośród innych.


Zwykłe listy do oznaczania zwykle używają cyfr lub liter różnych systemów i alfabetów. W zależności od stopnia zagnieżdżenia można wyróżnić listy jednopoziomowe i wielopoziomowe. Każdy poziom często ma swój własny element znakujący. Używanie list podczas tworzenia menu lub paska nawigacji jest wspierane przez najnowszą wersję standardu HTML, ponieważ ten element ma ważną wartość semantyczną.

Wyświetlanie w CSS

Każda pozycja to kontener blokowy ze specjalnym typem wyświetlania: pozycja listy. Domyślnie ta wartość jest ustawiona dla elementów li znajdujących się wewnątrz kontenerów ul i ol i zapewnia wyświetlanie znacznika przed blokiem. W razie potrzeby ten typ wyświetlania można ustawić dla dowolnego kontenera HTML. Pojawiający się element znakowania jest stylizowany przy użyciu grupy właściwości stylu listy CSS.

p {
display: list-item;
typ listy: dziesiętny;
}

Wszystkie trzy wymienione poniżej właściwości są dziedziczone przez elementy potomne, które wyświetlają: list-item i wymagają w razie potrzeby wyraźnego przedefiniowania.

Pozycja znacznika listy

Pierwszą właściwością grupy jest pozycja w stylu listy. Określa, czy znacznik pozostaje w bloku tekstu, czy został przekroczony.