list-style

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
Значение по умолчанию Нет
Наследуется Да
Применяется К тегам <DD>, <DT>, <LI>, <OL> и <UL>, а также ко всем элементам, у которых указано displaylist-item
Аналог HTML <ul type> | <ol type> | <li type>

Описание

Универсальное свойство, позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера. Для подробного ознакомления смотрите информацию о каждом свойстве list-style-type, list-style-position и list-style-image отдельно.

Синтаксис

list-style: list-style-type || list-style-position || list-style-image | inherit

Значения

Любые комбинации трех значений, разделяемых между собой пробелом, определяющих стиль маркеров. Ни одно значение не является обязательным, поэтому неиспользуемые можно опустить.

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</title>   <style type="text/css">    UL {    list-style: square outside; /* Квадратные маркеры */                                /* Маркеры размещаются за                                    пределами текстового блока*/    }   </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.listStyle

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.