Sintassi

Significato dei valori principali:

• disc: (Default per <ul>) Marcatore pieno tondo.

• circle: Marcatore tondo non pieno.

• square: Marcatore quadrato pieno.

• decimal: (Default per <ol>) Numerazione decimale (1, 2, 3...).

• lower-roman / upper-roman: Numerazione con numeri romani (es. i, ii o I, II).

• lower-alpha / upper-alpha: Lettere alfabetiche (es. a, b o A, B).

• none: Nessun marcatore visibile.

Esempio proprietà: list-style-type

Codice Esempio: list-style-type

CODE: CSS

1. .list-disc {

2.   list-style-type: disc;

3.   font-size: 18px;

4. }

6. .list-circle {

7.   list-style-type: circle;

8.   font-size: 18px;

9.   color: #4078f2;

10. }

12. .list-square {

13.   list-style-type: square;

14.   font-size: 18px;

15.   color: #e06c75;

16. }

18. .list-decimal {

19.   list-style-type: decimal;

20.   font-size: 18px;

21. }

23. .list-upper-roman {

24.   list-style-type: upper-roman;

25.   font-size: 18px;

26.   color: #50a14f;

27. }

Contenuto Esempio: list-style-type

  
  <ul class="list-disc">
    <li>Bullet di tipo disc (default)</li>
  </ul>

  <ul class="list-circle">
    <li>Bullet di tipo circle</li>
  </ul>

  <ul class="list-square">
    <li>Bullet di tipo square</li>
  </ul>

  <ol class="list-decimal">
    <li>Numerazione decimale</li>
  </ol>

  <ol class="list-upper-roman">
    <li>Numerazione romana maiuscola</li>
  </ol>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser