Atrybut CSS list-style-image

Definicja i użycie

Atrybut list-style-image używa obrazu do zastąpienia znacznika elementu listy.

Wyjaśnienie

Ta właściwość określa obraz używany jako znacznik elementu listy. Położenie obrazu względem treści elementu listy jest zazwyczaj kontrolowane za pomocą atrybutu list-style-position.

Komentarz:Zawsze określ atrybut "list-style-type", aby zapewnić, że obraz będzie dostępny.

Zobacz również:

Tutorial CSSCSS Lista

Podręcznik CSSAtrybut CSS list-style

Podręcznik HTML DOMAtrybut listStyleImage

Przykład

Ustawienie obrazu jako znacznika elementu listy:

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

Spróbuj sam

Gramatyka CSS

list-style-image: brak|url|initial|dziedziczona;

Wartość atrybutu

Wartość Opis
URL Ścieżka do obrazu.
brak Domyślnie. Nie jest wyświetlana żadna grafika.
dziedziczona Definiuje, że wartość właściwości list-style-image powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: brak
Inheredność: tak
Wersja: CSS1
Gramatyka JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Więcej przykładów

Użycie obrazów jako znaczników elementów listy
Ten przykład pokazuje, jak używać obrazów jako znaczników elementów listy.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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