Popisi su važan element web stranice. Pomažu u strukturiranju informacija i stavljaju ga u razumljiv oblik. Osim toga, u obliku popisa, često su napravljeni izbornici i navigacijske ploče. Da biste kontrolirali položaj i izgled oznake elementa, omogućite grupu svojstava u stilu CSS popisa.

Vrste popisa

Razlikovati poredane i neuredne popise. Prvi marker može biti bilo koji znak koji se ne mijenja iz stavka u točku, a drugo, svaka stavka na popisu ima vlastiti marker koji određuje njegovo mjesto među ostalima.


Obični popisi za označavanje obično koriste brojeve ili slova različitih sustava i pisama. Ovisno o stupnju gniježđenja razlikuju se popisi na jednoj razini i na više razina. Svaka razina često ima svoj vlastiti element obilježavanja. Korištenje popisa pri kreiranju izbornika ili navigacijske trake potiče se najnovijom verzijom HTML standarda, budući da ovaj element ima važnu semantičku vrijednost.

Prikaz u CSS-u

Svaka stavka je blok kontejner s posebnim tipom prikaza: list-item. Prema zadanim postavkama, ova vrijednost se postavlja za li elemente smještene unutar spremnika ul i ol i osigurava prikaz oznaka ispred bloka. Ako je potrebno, ova vrsta prikaza može se postaviti za bilo koji HTML spremnik. Pojavio se element označavanja oblikovao pomoću grupe svojstava stila CSS popisa.

p {
prikaz: popis-stavka;
tip-stil-tipa: decimal;
}

Sva tri dolje navedena svojstva nasljeđuju podređeni elementi koji imaju display: list-item i zahtijevaju eksplicitno ponovno definiranje ako je potrebno.

Položaj oznaka na popisu

Prvo svojstvo skupine je položaj-stil-lista. Ona određuje ostaje li marker u bloku teksta ili je prošao izvan njegovih granica.