list-style-image¶
Свойство list-style-image
устанавливает адрес изображения, которое служит в качестве маркера списка.
Это свойство наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none
.
Списки, счетчики, генерируемый контент
- counter-increment
- counter-reset
- list-style-image
- list-style-type
- list-style-position
- list-style
Синтаксис¶
/* Keyword values */
list-style-image: none;
/* <url> values */
list-style-image: url('starsolid.gif');
/* Global values */
list-style-image: inherit;
list-style-image: initial;
list-style-image: unset;
Значения¶
none
- Отменяет изображение в качестве маркера для родительского элемента.
url
- Относительный или абсолютный путь к графическому файлу. Значение можно указывать в одинарных, двойных кавычках или без них.
Значение по-умолчанию:
list-style-image: none;
Применяется к: К элементам <dd>
, <dt>
, <li>
, <ol>
и <ul>
, а также ко всем элементам, у которых указано display: list-item
Спецификации¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>list-style-image</title>
<style>
ul {
list-style-image: url('/example/image/mathematics.png');
}
</style>
</head>
<body>
<ul>
<li>
Легко проверить, что аффинное преобразование
монотонно.
</li>
<li>
Доказательство решительно стабилизирует
отрицательный криволинейный интеграл, явно
демонстрируя всю чушь вышесказанного.
</li>
<li>
Степенной ряд, в первом приближении, расточительно
искажает многомерный лист Мёбиуса, откуда следует
доказываемое равенство.
</li>
</ul>
</body>
</html>