ul.a { list-style-type: circle; list-style-position: outside; } ul.b { list-style-type: square; list-style-position: inside; } ol.c { list-style-type: upper-roman; } ol.d { list-style-type: lower-alpha; } ul { list-style-image: url('sqpurple.gif'); }
In HTML, ci sono due tipi principali di liste:
- elenchi non ordinati (<ul>) – gli elementi dell’elenco sono contrassegnati da punti elenco
- elenchi ordinati (<ol>) – gli elementi dell’elenco sono contrassegnati con numeri o lettere
Le proprietà dell’elenco CSS ti consentono di:
- Impostare diversi indicatori di voci di elenco per gli elenchi ordinati
- Impostare diversi indicatori di voci di elenco per gli elenchi non ordinati
- Impostare un’immagine come indicatore dell’elemento della lista
La list-style-type è la proprietà che specifica il tipo di marcatore dell’elemento della lista(circle, square, upper-roman, lower-alpha). Mentre, la list-style-image specifica un’immagine come indicatore dell’elemento della lista.