Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

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

Перейти к справке CSS

ul
{
list-style-image:url("/images/blueball.gif");
list-style-type:square;
}


Описание и использование

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

Заметка: Всегда указывайте свойство list-style-type. Это свойство используется, если указанное вами изображение недоступно.

Значение по умолчанию none
Наследование да
Версия CSS CSS 1
Синтаксис JavaScript object.style.listStyleImage="url('/images/blueball.gif')"

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство list-style-image поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства list-style-image

Значение Описание
url Путь к файлу изображения маркера списка
none Изображение не отображается. Вместо этого маркер списка генерируется в зависимости от значения свойства list-style-type
inherit Значение свойства list-style-image наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование списков в CSS

Учебник CSS: list-style


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта