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');
}