Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


CSS Справочник Полный CSS Справочник

Пример

Указать изображение в качестве маркера пункта в списке:

ul
{
list-style-image:url('sqpurple.gif');
}

Попробуйте сами »

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

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

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

Значение по умолчанию: none
Наследуется: да
Версия: CSS1
JavaScript синтаксис: объект.style.listStyleImage="url('/images/blueball.gif')"


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

Internet Explorer Firefox Opera Google Chrome Safari

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

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


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

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


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

CSS уроки: CSS Список

CSS справочник: свойство list-style


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru