Proprietà CSS list-style-position
- pagina precedente list-style-image
- Pagina successiva list-style-type
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; }
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à: | sì |
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 |
- pagina precedente list-style-image
- Pagina successiva list-style-type