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

Определение и применение

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

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
list-style-image	1.0	1.0	7.0	1.0	4.0	12.0

CSS синтаксис:

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

JavaScript синтаксис:

object.style.listStyleImage = "url('loshad.jpg')"

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

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

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Нет.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Пример CSS свойства list-style-image.</title>
.test {
list-style-image : url('http://basicweb.ru/images/mini5.png'); /* указываем путь к изображению, которое будет использовано в качестве маркера */
}
</style>
</head>
	<body>
		<ul class = "test">
			<li>Элемент списка</li>
			<li>Элемент списка</li>
			<li>Элемент списка</li>
		</ul>
	</body>
</html>

CSS свойства