CSS list-style-image ominaisuus

Määrittely ja käyttö

listStyleImage-ominaisuus käyttää kuvaa korvaamaan luettelon kohteen merkinnän.

Kuvaus

Tämä ominaisuus määrittää kuvan, joka toimii järjestelmällisen tai epäjärjestelmällisen luettelon kohteen merkinnänä. Kuvaan suhteutuvan sijainnin listan kohteen sisältöä suhteessa hallitaan yleensä list-style-position-ominaisuudella.

Huomautus:Aina määritä "list-style-type"-ominaisuus, jos kuva ei ole saatavilla.

Katso myös:

CSS-opas:CSS luettelo

CSS -viittausopas:CSS list-style ominaisuus

HTML DOM -viittausopas:listStyleImage-ominaisuus

Esimerkki

Aseta kuva luettelossa olevan kohteen merkinnäksi:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
URL Kuvan polku.
ei mitään Oletus. Ei kuvaa näytetään.
inherit Määritellään, että list-style-image-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei mitään
Perinnäisyys: kyllä
Versio: CSS1
JavaScript-kieli: object.style.listStyleImage="url('/images/blueball.gif')"

Lisää esimerkkejä

Kuvan käyttö luettelon kohteen merkinnänä
Tämä esimerkki näyttää, miten kuvaa voidaan käyttää luettelon kohteen merkinnänä.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

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