Атрибут CSS list-style-image

Определение и использование

Свойство list-style-image использует изображение для замены маркера элемента списка.

Описание

Этот атрибут определяет изображение, которое используется в качестве маркера有序 или неупорядоченного списка. Расположение изображения относительно содержимого элемента списка обычно контролируется свойством list-style-position.

Комментарий:Всегда указывайте атрибут "list-style-type", чтобы в случае недоступности изображения отображалось изображение.

См. также:

CSS учебник:CSS Списки

CSS справочник:Атрибут CSS list-style

HTML DOM справочник:Свойство listStyleImage

Пример

Установите изображение в качестве маркера элемента списка:

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

Попробуйте сами

CSS грамматика

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

Значение свойства

Значение Описание
URL Путь к изображению.
none По умолчанию. Не отображается ни одно изображение.
inherit Определяет, что значение свойства list-style-image должно быть получено от родительского элемента.

Технические детали

Значение по умолчанию: none
Инheritability: да
Версия: CSS1
JavaScript грамматика: object.style.listStyleImage="url('/images/blueball.gif')"

Более примеров

Использование изображения в качестве маркера списка
Этот пример демонстрирует, как использовать изображение в качестве маркера списка.

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

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