Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Списки : list-style-image
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут list-style-image | Свойство listStyleImage
Задает изображение, которое будет использоваться в виде маркера для элемента списка.
Синтаксис
HTML | { list-style-image : sLocation } |
Скрипты | [ sLocation = ] object.style.listStyleImage |
Используемые значения
- sLocation
- Строка, которая может определять и принимать одно из следующих значений:
- none
- Значение по умолчанию. Изображение не задано.
- url(sURL)
- Задает местоположение изображение. URL - относительный или абсолютный путь до рисунка.
Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является none. Атрибут Каскадных таблиц стилей (CSS) наследуется.
Замечания
Свойство listStyleImage применяется ко всем элементам, для которых заданы margin и display:list-item.
Когда изображение доступно, оно заменяет изображение маркера, установленное в listStyleType.
Чтобы показывалось изображение маркера списка, для свойства margin должно быть установлено значение минимум 30 pt.
Примеры
Следующие примеры иллюстрируют применение свойства listStyleImage и атрибута list-style-image для задания изображения маркера списка.
В первом примере используется селектор ul и атрибут list-style-image.
<STYLE> UL { list-style-image:url(dot.gif) } </STYLE>
Во втором примере используется свойство listStyleImage для смены стиля маркера, когда происходит событие onmouseover.
<UL onmouseover="this.style.listStyleImage='url(dot.gif)'">
Стандарты
Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530793(VS.85).aspx