CSS свойство list-style-image

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

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

CSS синтаксис

list-style-image: none | url(URL) | initial | inherit;

Возможные значения

Значение Описание
none Значение по умолчанию. Изображение не используется. Вместо этого для того, чтобы определить какой маркер списка генерировать, используется значение свойства list-style-type.
url(URL) Путь к изображению, которое будет использоваться в качестве маркера элементов списка.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

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


ul {
     list-style-image: url('sqpurple.gif');
}