Proprietà list-style-position
La proprietà list-style-position imposta
come verrà visualizzato il marcatore della lista:
all'interno o all'esterno della lista ul
o ol.
Sintassi
selettore {
list-style-position: inside | outside;
}
Valori
| Valore | Descrizione |
|---|---|
inside |
Il marcatore si trova all'interno della lista. |
outside |
Il marcatore si trova all'esterno della lista. |
Valore predefinito: outside.
Esempio . Valore inside
<ul>
<li>elemento lista</li>
<li>elemento lista</li>
<li>elemento lista</li>
<li>elemento lista</li>
<li>elemento lista</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Esempio . Valore outside
<ul>
<li>elemento lista</li>
<li>elemento lista</li>
<li>elemento lista</li>
<li>elemento lista</li>
<li>elemento lista</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Vedi anche
-
proprietà
list-style-type,
che imposta il tipo di marcatori della lista -
proprietà
list-style-type,
che imposta il tipo di marcatori della lista -
proprietà
list-style,
che è una scorciatoia per i marcatori
