CSS свойство list-style-image, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-4862416Перейти к справке 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-7902282 firefox-7185372 ie-1024504 opera-4445381 safari-4882780
Свойство list-style-image поддерживается всеми основными браузерами.

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

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

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

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

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

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

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