Свойства CSS

Меню

list-style-image

Поддержка браузерами

12.0+ 4.0+ 1.0+ 1.0+ 7.0+ 1.0+

Описание

CSS свойство list-style-image заменяет стандартный маркер элемента списка на изображение.

Значение по умолчанию: none
Применяется: к спискам (<ul> и <ol>) и пунктам списка (<li>)
Анимируется: нет
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Синтаксис

list-style-image: none|url|inherit;

Значения свойства

Значение Описание
url() Указывает путь к изображению, которое будет использовано вместо стандартного маркера.
none Указывает, что вместо изображения будет использоваться стандартный маркер, заданный свойтвом list-style-type.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
list-style-image:
Результат:
  • Смени значение свойства list-style-image
  • Посмотри на результат
CSS Код:
ul#myList {
list-style-image: url('sqpurple.gif');
}
Кликните на любое значение свойства, чтобы увидеть результат