СSS Свойство list-style-image
Пример
Задать изображение в качестве элемента списка, маркер списка:
ul
{
list-style-image: url('sqpurple.gif');
}
Попробуйте сами »
Определение и использование
Свойство list-style-image заменяет элемент списока маркера с изображением.
Примечание: Всегда указывайте свойство list-style-type в дополнение. Это свойство используется, если изображение по какой-то причине недоступно.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | да |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.listStyleImage="url('smiley.gif')" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Синтаксис
list-style-image: none|url|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| none | Изображение не будет отображаться. Вместо этого, свойство list-style-type будут определять, какой тип маркера списка будет указан. Это показатель | Воспроизвести » |
| url | Путь к изображению, которое будет использоваться в качестве элемента списка, маркер | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Список
CSS Справочник: Свойство list-style
HTML DOM Справочник: Свойство listStyleImage
