CSS list-style-image eigenschap

Definitie en gebruik

De listStyleImage-eigenschap gebruikt een afbeelding om het teken van de lijstitem te vervangen.

Beschrijving

Deze eigenschap specificeert de afbeelding die wordt gebruikt als teken voor een genummerde of ongenummerde lijstitem. De positie van de afbeelding ten opzichte van de inhoud van de lijstitem wordt meestal bestuurd met de list-style-position-eigenschap.

Opmerking:Geef altijd een "list-style-type"-eigenschap op, in geval de afbeelding niet beschikbaar is.

Zie ook:

CSS handleiding:CSS lijst

CSS referentiehandleiding:CSS list-style eigenschap

HTML DOM referentiehandleiding:listStyleImage-eigenschap

Voorbeeld

Stel de afbeelding in als het itemteken van de lijst:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Probeer het zelf uit

CSS syntaxis

list-style-image: geen|url|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
URL Pad van de afbeelding.
geen Standaard. Geen grafiek wordt weergegeven.
inherit Het wordt voorgeschreven dat de waarde van de list-style-image-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: geen
Inheritantie: ja
Versie: CSS1
JavaScript syntaxis: object.style.listStyleImage="url('/images/blueball.gif')"

Meer voorbeelden

Gebruik een afbeelding als lijstitem-teken
Dit voorbeeld toont hoe een afbeelding als een lijstitem-teken wordt gebruikt.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0