Proprietà CSS list-style-position

Definizione e uso

L'attributo listStylePosition stabilisce dove posizionare il segno di elenco.

Spiegazione

Questa proprietà viene utilizzata per dichiarare la posizione del segno di elenco rispetto al contenuto dell'elemento elenco. Il segno di elenco esterno (outside) viene posizionato a una certa distanza dal margine del margine dell'elemento elenco, ma questa distanza non è definita nel CSS. Il segno di elenco interno (inside) viene trattato come se fosse un elemento inline inserito all'inizio del contenuto dell'elemento elenco.

Corso opzionale

Corso consigliato:Elenco CSS

Manuale CSS:Proprietà CSS list-style

Manuale HTML DOM:Proprietà listStylePosition

Esempio

Definisce la posizione del segno di elenco all'interno della lista:

ul
  {
  list-style-position:inside;
  }

Prova da solo

Sintassi CSS

list-style-position: inside|outside|initial|inherit;

Valore dell'attributo

Valore Descrizione
dentro Il segno di elenco viene posizionato al di dentro del testo e il testo si allinea in base al segno di elenco.
fuori Valore predefinito. Mantieni il segno di elenco alla sinistra del testo. Il segno di elenco viene posizionato al di fuori del testo e il testo non si allinea in base al segno di elenco.
ereditare Si stabilisce che il valore della proprietà list-style-position debba essere ereditato dal genitore.

Dettagli tecnici

Valore predefinito: fuori
Ereditarietà:
Versione: CSS1
Sintassi JavaScript: oggetto.style.listStylePosition="inside"

Altri esempi

Posizionamento del segno di elenco
Questo esempio dimostra dove posizionare il segno di elenco.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta pienamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5