CSS list-style-image egenskab

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;
  }

Prøv det selv

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