Zoznamy sú dôležitým prvkom webovej stránky. Pomáhajú štruktúrovať informácie a dať ich užívateľsky prívetivú formu. Okrem toho vo forme zoznamov, často z menu a navigačných panelov. Na ovládanie polohy a vzhľadu značiek prvkov umožňuje skupinu vlastností v štýle CSS zoznamu.

Typy zoznamov

Rozlišujte usporiadané a neusporiadané zoznamy. Prvá značka môže byť akýkoľvek znak, ktorý sa nemení z bodu do bodu, a za druhé, každá položka má svoju vlastnú značku, ktorá určuje jeho umiestnenie medzi ostatnými.


Bežné zoznamy na označovanie zvyčajne používajú čísla alebo písmená rôznych systémov a abecedy. V závislosti od stupňa hniezdenia rozlišujte zoznamy na jednom a viacerých úrovniach. Každá úroveň má často vlastný značkovací prvok. Používanie zoznamov pri vytváraní menu alebo navigačnej lišty je podporované najnovšou verziou normy HTML, pretože tento prvok má dôležitú sémantickú hodnotu.

Zobrazenie v CSS

Každá položka je bloková kontajner so špeciálnym typom zobrazenia: zoznam-položka. Táto hodnota je predvolene nastavená pre prvky li nachádzajúce sa vo vnútri kontajnerov ul a ol a poskytuje zobrazenie značky pred blokom. Ak je to potrebné, tento typ zobrazenia je možné nastaviť pre ľubovoľný kontajner HTML. Zjavený prvok označenia je štylizovaný pomocou skupiny vlastností štýlu CSS.

p {
zobrazenie: zoznam-položka;
typ štýlu: decimal;
}

Všetky tri vlastnosti uvedené nižšie sú zdedené podradenými prvkami, ktoré majú zobrazené: zoznam-položka a vyžadujú v prípade potreby explicitné predefinovanie.

Pozícia pozície značky

Prvá vlastnosť skupiny je pozícia štýlu zoznamu. Určuje, či značka zostáva v bloku textu alebo je prekročená.