English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @CSS (RULES)

Completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo list-style-position CSS

L'attributo list-style-position CSS specifica la posizione del segno di elenco dell'elemento rispetto al blocco principale del contenuto dell'elemento elenco.

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:outside
Applicabile a:Elemento elenco
Ereditarietà:
Animabile:No.Si prega di consultare Proprietà animate.
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.listStylePosition="inside"

Sintassi dell'uso della posizione dello stile della lista

La sintassi di questo attributo è la seguente:

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

L'esempio seguente dimostra come utilizzare la proprietà list-style-position.

  ol {
   list-style-position: inside;
  }
  ul {
   list-style-position: outside;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
insideIl segno di elenco della lista viene posizionato nel primo riquadro inline del blocco principale, prima del contenuto dell'elemento.
outsideIl segno di elenco della lista viene posizionato esternamente al blocco principale del contenuto. Questo è il valore predefinito.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore della proprietà list-style-position dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà list-style-position: i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Si prega di consultare la seguente guida:Elenco HTML,Elenco CSS.

Proprietà correlate:list-style,list-style-image,list-style-type.