Пример
Указывает изображение в качестве маркера элемента списка:<html>
<head>
<meta charset="utf-8" />
<style>
ul { list-style-image:url("/tryit/css/img/sqpurple.gif"); }
</style>
</head>
<body>
<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Кока Кола</li>
</ul>
</body>
</html>
Определение и использование
Свойство list-style-image заменяет маркер списка элемента на изображение.
Примечание: Всегда в дополнение указывайте свойство list-style-type. Это свойство используется, если изображение не доступно.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.listStyleImage="url('/images/blueball.gif')" |
Поддержка браузеров
Свойство list-style-image поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".
Значения свойства
| Значение | Описание |
|---|---|
| url | Путь к изображению, который будет использоваться в качестве маркера элемента списка |
| none | Никакое изображение не показывается. Вместо этого, свойство list-style-type определяет какой тип маркера списка будет показан. Это по умолчанию |
| inherit | Указывает, что значение свойства list-style-image должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
