list-style-image

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Ошибки Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS1
Значение по умолчанию none
Наследуется Да
Применяется К тегам <DD>, <DT>, <LI>, <OL> и <UL>, а также ко всем элементам, у которых указано displaylist-item
Аналог HTML Нет

Описание

Устанавливает адрес изображения, которое служит в качестве маркера списка. Это свойство наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

Синтаксис

list-style-image: none | url('путь к файлу') | inherit

Значения

none
Отменяет изображение в качестве маркера для родительского элемента.
url
Относительный или абсолютный путь к графическому файлу.
inherit
Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html;        charset=windows-1251">   <title>list-style-image</title>   <style type="text/css">    UL {     list-style-image: url('images/book.gif');    }   </style>  </head>   <body>       <ul>    <li>Lorem ipsum dolor sit amet</li>    <li>Consectetuer adipiscing elit</li>    <li>Sed diem nonummy nibh euismod</li>    <li>Tincidunt ut lacreet dolore magna aliguam erat      volutpat. Ut wisis enim ad minim veniam, quis nostrud      exerci tution ullamcorper suscipit lobortis nisl ut      aliquip ex ea commodo consequat.</li>   </ul>     </body> </html> 

Объектная модель

[window.]document.getElementById("elementID").style.listStyleImage

Браузеры

В разных браузерах расстояние между изображением и текстом может различаться.

В Internet Explorer до седьмой версии включительно не отображаются маркеры, если для списка добавлено свойство float. Также в этом браузере не поддерживается значение inherit.