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.