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

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

Синтаксис

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

Стойности

Стойност Описание
url Път към файла с картинката. Името на картинката може да бъде в двойни кавички, единични или без кавички изобщо.
none Отменя картинката за списъка.

Стойност по подразбиране: none.

Пример

html<ul>
  <li>елемент от списъка</li>
  <li>елемент от списъка</li>
  <li>елемент от списъка</li>
  <li>елемент от списъка</li>
  <li>елемент от списъка</li>
</ul>
cssul {
  list-style-image: url("li.gif");
}

Результат:

Вижте също

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