list-style-position

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

Описание

Определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка и inside — маркер обтекается текстом.

Синтаксис

list-style-position: inside | outside

Значения

inside
Маркер является частью текстового блока и отображается в элементе списка.
outside
Текст выравнивается по левому краю, а маркеры размещаются за пределами текстового блока.

Пример

<!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-position</title>   <style type="text/css">    UL {     list-style-image: url('book.gif'); /* Путь к рисунку для                                       установки маркера */     list-style-position: inside; /*Маркер обтекается текстом*/    }   </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.listStylePosition

Браузеры

В браузере Internet Explorer 6 при использовании нумерованного списка <OL> и значения inside свойства list-style-position, числа идущие с 10, начинают накладываться на текст списка.

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