list-style-image¶

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

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

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

Синтаксис¶

/* 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>