CSS list-style-image egenskab
- foregående side list-style
- næste side list-style-position
Definisjon og bruk
listStyleImage-egenskapen bruker et bilde for å erstatte listeinnholdets merke.
Beskrivelse
Denne egenskapen spesifiserer et bilde som et merke for en nummerert eller en punktlister.
Kommentar:Finn alltid en "list-style-type"-egenskap for å unngå at bilder ikke er tilgjengelige.
Se også:
CSS undervisning:CSS Listen
CSS referansehåndboken:CSS list-style egenskab
HTML DOM referansehåndboken:listStyleImage-egenskapen
Eksempel
Sett inn et bilde som listeinnholdets merke:
ul { list-style-image:url("/i/arrow.gif"); list-style-type:square; }
CSS-syntaks
list-style-image: none|url|initial|inherit;
Egenskapsverdi
Verdi | Beskrivelse |
---|---|
URL | Bildevægsstien. |
ingen | Standard. Ingen grafikk vises. |
inherit | Det defineres at list-style-image-verdien skal arves fra foreldreelementet. |
Teknisk detalj
Standardverdi: | ingen |
---|---|
Arvbarhet: | ja |
Versjon: | CSS1 |
JavaScript-syntaks: | object.style.listStyleImage="url('/images/blueball.gif')" |
Flere eksempler
- Bruk et bilde som listeitemmerke
- Dette eksempelet viser hvordan du kan bruke et bilde som en listeitemmerke.
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 |
- foregående side list-style
- næste side list-style-position