Свойство list-style-image задает изображение в качестве маркера для элементов списка.
Свойство применимо к тегам <dd>, <dt>, <li>, <ol> и <ul>.
Значение свойства list-style-image
- адрес файла с изображением - абсолютный или относительный путь к файлу (подробнее здесь...),
- none – отменяет изображение в качестве маркера для элемента/ов списка,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- none
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style-image </title>
</head>
<body>
<ul style="list-style-image: url(img/green.png)">
<li> В качестве маркера
<li> пунктов списка
<li> выступает изображение
</ul>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style-image </title>
</head>
<body>
<ul style="list-style-image: url(img/green.png)">
<li> В качестве маркера
<li> пунктов списка
<li> выступает изображение
</ul>
</body>
</html>
Результат
