Cerca articoli della Knowledge Base

List-style per Elenchi

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?

Articoli Correlati

  • Introduzione al CSS

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...

  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...

  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...

  • Margin e Padding

    Margin e Padding Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chi...

  • Box Model CSS

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...