CSS list-style-image egenskap

Definition och användning

listStyleImage-attributet använder en bild för att ersätta listans ikon.

Beskrivning

Denna egenskap specificerar en bild som används som en numrerad eller punktlistasikone. Bildens placering relativt till listans innehåll kontrolleras vanligtvis med list-style-position-attributet.

Kommentar:Ange alltid en "list-style-type"-egenskap för att förhindra att bilden inte är tillgänglig.

Se också:

CSS-lärordbok:CSS lista

CSS referenshandbok:CSS list-style egenskap

HTML DOM referenshandbok:listStyleImage-attributet

Exempel

Ställ in bilden som listans projektiomärke:

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

Prova själv

CSS-syntax

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

Attributvärde

Värde Beskrivning
URL Biljettets väg
ingen Standard. Inget grafik visas.
inherit Definierar att list-style-image-attributets värde ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: ingen
Arvbarhet: ja
Version: CSS1
JavaScript-syntax: object.style.listStyleImage="url('/images/blueball.gif')"

Mer exempel

Använd en bild som listaikone
Detta exempel visar hur man använder en bild som en listaikone.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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