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

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>