English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство list-style-image CSS указывает на изображение в качестве маркера элемента списка.
Таблица ниже описывает использование и историю версий этого свойства, а также грамматику использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | normal |
|---|---|
| Применяется к: | Элемент списка |
| Наследование: | Да |
| Анимирован ли: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | объект.style.listStyleImage="url('images/arrow.png')" |
Совет:Этотlist-styleСокращенные CSS свойства часто удобнее, и это предпочтительный способ установки свойств стиля списка.
Грамматика этого свойства такая:
list-style-image: url | none | initial | inherit
Ниже приведен пример того, как использовать свойство list-style-image.
ul {
list-style-image: url("images/arrow.png");
}Проверьте, как это работает‹/›Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| url | Положение изображения, используемого в качестве маркера списка. |
| none | Не будет отображаться ни одной маркерной изображения. Вместо этого,list-style-typeСвойство определяет,何种类型的列表标记（如果有）将被呈现。Это значение по умолчанию. |
| oblique | Отметить шрифт как наклонный. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если задан, то связанные элементы используют значение свойства list-style-image родительского элемента. |
Совместимость браузеров для свойства list-style-image: числа в таблице ниже представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Узнайте больше из следующих руководств:HTML списки,CSS списки.
Связанные свойства:list-style,list-style-position,list-style-type.