Свойство list-style-image

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

Синтаксис

cssселектор {
  list-style-image: url("путь к файлу картинки") | none;
}

Значения

Значение Описание
url Путь к файлу с картинкой. Название картинки может быть в двойных кавычках, одинарных и вообще без кавычек.
none Отменяет картинку для списка.

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

Пример

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>
cssul {
  list-style-image: url("li.gif");
}

Результат:

Смотрите также

  • свойство list-style-type,
    которое задает тип маркеров списка
  • свойство list-style-position,
    которое задает позицию маркеров
  • свойство list-style,
    которое является сокращением для маркеров