List-style per elenchi

Le proprietà list-style personalizzano l aspetto degli elenchi.

list-style-type

ul { list-style-type: disc; }      /* Pallino pieno (default) */
ul { list-style-type: circle; }    /* Cerchio vuoto */
ul { list-style-type: square; }    /* Quadrato */
ul { list-style-type: none; }      /* Nessun marcatore */

ol { list-style-type: decimal; }   /* 1, 2, 3 */
ol { list-style-type: lower-alpha; } /* a, b, c */
ol { list-style-type: upper-roman; } /* I, II, III */

list-style-position

ul {
  list-style-position: inside;  /* Marcatore dentro il contenuto */
  list-style-position: outside; /* Marcatore fuori (default) */
}

Marcatori personalizzati

ul {
  list-style: none;
}
ul li::before {
  content: "✓ ";
  color: green;
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

    Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chiaveMargin: spazio...
  • Box Model CSS

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...