Proprietà CSS list-style-position
Esempio
Specificare la posizione degli indicatori delle voci di elenco:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Definizione e utilizzo
La list-style-position
proprietà specifica la posizione degli indicatori delle voci dell'elenco (punti elenco).
list-style-position: outside;
significa che i punti elenco saranno al di fuori dell'elemento dell'elenco. L'inizio di ogni riga di una voce di elenco sarà allineato verticalmente:
- Caffè - Una bevanda preparata con chicchi di caffè tostati...
- Tè
- Coca Cola
list-style-position: inside;
significa che i punti elenco saranno all'interno dell'elemento dell'elenco. Poiché fa parte dell'elemento dell'elenco, farà parte del testo e spingerà il testo all'inizio:
- Caffè - Una bevanda preparata con chicchi di caffè tostati...
- Tè
- Coca Cola
Valore di default: | fuori |
---|---|
Ereditato: | sì |
Animabile: | no. Leggi su animabile |
Versione: | CSS1 |
sintassi JavaScript: | oggetto .style.listStylePosition="dentro" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi CSS
list-style-position: inside|outside|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pagine correlate
Tutorial CSS: Elenco CSS
Riferimento CSS: proprietà in stile elenco
Riferimento HTML DOM: proprietà listStylePosition