Перейти к содержанию

list-style-image

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

Это свойство наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

Демо

Списки, счетчики, генерируемый контент

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
/* 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
Относительный или абсолютный путь к графическому файлу. Значение можно указывать в одинарных, двойных кавычках или без них.

Значение по-умолчанию:

1
list-style-image: none;

Применяется к: К элементам <dd>, <dt>, <li>, <ol> и <ul>, а также ко всем элементам, у которых указано display: list-item

Спецификации

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!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>

Комментарии