Оглавление

Использование изображения вместо маркера списка

Решение
Чтобы вместо маркеров списка отобразить заказное изображение, нужно использовать свойство list-style-image вместо list-style-type. Его значением может быть URL-адрес пути к файлу изображения:

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

 

На рис. 2.26 видно, как можно оформить список с помощью описанного приема:

 

Использование изображения в качестве маркера списка

Рис. 2.26. Использование изображения в качестве маркера списка

 

Совет
Добавление маркеров к отдельным пунктам списка. Свойство list-style-image применяется по отношению к пунктам списка (элементам li). Если применить его по отношению к списку в целом (элементу ul или ol), оно будет унаследовано каждым отдельным пунктом. Тем не менее вы можете задать значение данного свойства отдельно для каждого пункта списка, добавив ему атрибут class или id. Это позволяет использовать разные маркеры для разных пунктов списка.
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити