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

cssselettore {
  list-style-position: inside | outside;
}

Valori

Valore predefinito: outside.

Esempio . Valore inside

html<ul>
  <li>elemento lista</li>
  <li>elemento lista</li>
  <li>elemento lista</li>
  <li>elemento lista</li>
  <li>elemento lista</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Esempio . Valore outside

html<ul>
  <li>elemento lista</li>
  <li>elemento lista</li>
  <li>elemento lista</li>
  <li>elemento lista</li>
  <li>elemento lista</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Vedi anche