CSS list-style egenskab
- sidste side line-height
- Næste side list-style-image
Definisjon og bruk
list-style-kortformsegenskapen setter alle listeegenskaper i en uttalelse.
Beskrivelse
Denne egenskapen er en kortformsegenskap som dekker alle andre listeegenskaper. Som den påvirker alle elementer med display som list-item, kan den bare brukes på li-elementer i vanlig HTML og XHTML, men det kan faktisk brukes på hvilken som helst element og arves av list-item-elementer.
Verdier kan settes i følgende rekkefølge:
Det er mulig å ikke sette en verdi, for eksempel "list-style:circle inside;" er også tillatt. Ikke angitte egenskaper vil bruke standardverdien.
Se også:
CSS-læringsveiledning:CSS liste
HTML DOM referansehåndbok:listStyle-egenskapen
Eksempel
Sett bildet som listeemneets merke i listen:
ul
{
list-style:square inside url('/i/arrow.gif');
}
CSS-syntaks
list-style: list-style-type list-style-position list-style-image|initial|inherit;
Egenskapsverdi
| Verdi | Beskrivelse |
|---|---|
| list-style-type | Sett type for listenemneets merke. Se også:list-style-type mulige verdier. |
| list-style-position | Sett hvor listenemneets merke skal plasseres. Se også:list-style-position mulige verdier. |
| list-style-image | Bruk bilder for å erstatte listenemneets merke. Se også:list-style-image mulige verdier. |
| inherit | Bestemmer at list-style-verdien skal arves fra foreldreelementet. |
Tekniske detaljer
| Standardverdi: | disc outside none |
|---|---|
| Arv: | ja |
| Versjon: | CSS1 |
| JavaScript-syntaks: | object.style.listStyle="decimal inside" |
Flere eksempler
- Definer alle listeegenskaper i en uttalelse
- Dette eksempelet viser hvordan man setter alle egenskaper for en liste i en kortform.
Nettleserstøtte
Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- sidste side line-height
- Næste side list-style-image
