Home

Lista con diversi tipi di marker

Disc

Cerchio

Quadrato

Numeri decimali

  1. Primo
  2. Secondo

Numeri con zero iniziale

  1. Primo
  2. Secondo

Numeri romani minuscoli

  1. Primo
  2. Secondo

Lettere minuscole

  1. Primo
  2. Secondo

Senza marker



Codice

<style>
.disc { list-style-type: disc; }
.circle { list-style-type: circle; }
.square { list-style-type: square; }
.decimal { list-style-type: decimal; }
.decimal-leading-zero { list-style-type: decimal-leading-zero; }
.lower-roman { list-style-type: lower-roman; }
.upper-roman { list-style-type: upper-roman; }
.lower-alpha { list-style-type: lower-alpha; }
.upper-alpha { list-style-type: upper-alpha; }
.none { list-style-type: none; }
</style>
</head>
<body>
<a href="#" onClick="window.history.go(-1);">Home</a>
<h2>Lista con diversi tipi di marker</h2>

<h3>Disc</h3>
<ul class="disc">
<li>Elemento con disc</li>
</ul>

<h3>Cerchio</h3>
<ul class="circle">
<li>Elemento con cerchio</li>
</ul>

<h3>Quadrato</h3>
<ul class="square">
<li>Elemento con quadrato</li>
</ul>

<h3>Numeri decimali</h3>
<ol class="decimal">
<li>Primo</li>
<li>Secondo</li>
</ol>

<h3>Numeri con zero iniziale</h3>
<ol class="decimal-leading-zero">
<li>Primo</li>
<li>Secondo</li>
</ol>

<h3>Numeri romani minuscoli</h3>
<ol class="lower-roman">
<li>Primo</li>
<li>Secondo</li>
</ol>

<h3>Lettere minuscole</h3>
<ol class="lower-alpha">
<li>Primo</li>
<li>Secondo</li>
</ol>

<h3>Senza marker</h3>
<ul class="none">
<li>Elemento senza marker</li>
</ul>