W tej lekcji dowiesz się jak zmienić styl listy. Pokażemy zarówno jak zmienić styl listy numerowanej, jak również nienumerowanej.
Typy list
W CSS wyróżniamy dwa typy list:
ul- listy nienumerowaneol- listy numerowane
Za pomocą właściwości CSS, można:
- Zmienić typ numeracji w liście uporządkowanej
- Zmienić symbol w liście nieuporządkowanej
- Ustawić obraz jako symbol
- Zmienić kolor tekstu, tła, ustawić marginesy, itp.
Zmiana symbolu listy w CSS
Do zmiany typu listy służy właściwość list-style-type. Jak ją używać, obrazuje poniższy przykład:
Obraz jako stymbol listy
Aby ustawić obraz jako symbol listy, należy skorzystać z właściwości list-style-image.
Ustawianie pozycji symboli
list-style-position - służy do ustawiania pozycji symboli. Może ona przyjąć wartość:
outside- jest to wartość domyślna. Przy tej opcji symbole będą znajdować się poza elementemliinside- przy tej opcji, symbole będą znajdować się wewnątrz elementuli