Tronweb

Il Web Developing a portata di studente.

Elenchi in CSS


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.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *