CSS: stile elenco

Descrizione

La proprietà in stile elenco è una proprietà abbreviata utilizzata per impostare la posizione e il tipo di indicatori in una lista; può anche essere utilizzato per assegnare un'immagine come marker.

Possibili valori

  • <list-style-type> - Qualsiasi valore consentito per la proprietà list-style-type.

  • <list-style-position> - Qualsiasi valore consentito per la proprietà list-style-position.

  • <list-style-image> - Qualsiasi valore consentito per la proprietà list-style-image.

Si applica a

Tutti gli elementi con una visualizzazione di list-item.

Sintassi DOM

object.style.listStyle = "decimal;"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>
   
   <body>
      <ul style = "list-style-type:circle;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ul style = "list-style-type:square;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ol style = "list-style-type:decimal;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
      
      <ol style = "list-style-type:lower-alpha;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
      
      <ol style = "list-style-type:lower-roman;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

Questo produrrà il seguente risultato: