list-style-type (proprietà CSS) imposta il tipo di voce dell’elenco puntato o numerato dell’elemento HTML. Ciò avviene attraverso i seguenti valori, che stabiliscono il tipo di marker dell’elenco: circle (cerchio vuoto), disc (cerchio pieno), square (quadrato), lower-alpha (a,b,c..,), upper-alpha (A,B,C…), lower-roman (i,ii,iii…), upper-roman (I,II,III…), none (nessun marker).
Sintassi
[selettore] {
in costruzione
}
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
.liststyletype_1 {list-style-type:circle}
.liststyletype_1bis {list-style-type:disc}
.liststyletype_2 {list-style-type:square}
.liststyletype_3 {list-style-type:lower-alpha}
.liststyletype_4 {list-style-type:upper-alpha}
.liststyletype_5 {list-style-type:lower-roman}
.liststyletype_6 {list-style-type:upper-roman}
</style>
<ul>
<li>voce 1</li>
<li>voce 2</li>
</ul>
<ul class="liststyletype_1">
<li>voce 1</li>
<li>voce 2</li>
</ul>
<ul class="liststyletype_1bis">
<li>voce 1</li>
<li>voce 2</li>
</ul>
<ul class="liststyletype_2">
<li>voce 1</li>
<li>voce 2</li>
</ul>
<ol>
<li>voce 1</li>
<li>voce 2</li>
</ol>
<ol class="liststyletype_3">
<li>voce 1</li>
<li>voce 2</li>
</ol>
<ol class="liststyletype_4">
<li>voce 1</li>
<li>voce 2</li>
</ol>
<ol class="liststyletype_5">
<li>voce 1</li>
<li>voce 2</li>
</ol>
<ol class="liststyletype_6">
<li>voce 1</li>
<li>voce 2</li>
</ol>
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
- voce 1
- voce 2
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment