Справочник по 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

https://developer.mozilla.org/en/CSS/list-style-image

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования