Właściwość CSS – list-style-image

Definicja stylu, przeznaczenie i użycie list-style-image

Właściwość list-style-image zastępuje znacznik (punktor) elementu listy grafiką.

Uwaga: Zawsze określ dodatkowo właściwość list-style-image-type. Ta właściwość jest używana, jeśli obraz z jakiegoś powodu jest niedostępny.

Wartość	Opis
none	Obraz (grafika) nie będzie wyświetlana. Zamiast tego właściwość list-style-image-type określa, jaki typ znacznika listy będzie renderowany. Ustawienie domyślne
url	Ścieżka do obrazu (grafiki), który ma być używany jako znacznik elementu listy.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.
initial	Ustawia tę właściwość na jej wartość domyślną.

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

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
list-style-image	1.0	4.0	1.0	1.0	7.0

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:

Rezultat:

Kod CSS:

ul#myList {
  list-style-image:url('/images/kurs-style-css/strzalka.png');
}

list-style-image-image-image: url('grafika.gif');

list-style-image-image-image: url(../obraz.jpg);

list-style-image-image-image: url(punkt.gif);