Свойство list-style-image

Свойство list-style-image определяет графическое изображение, которое будет использоваться в качестве маркера списка, если оно доступно. Значениями этого свойства могут быть либо none (не задается никакое изображение для маркера), либо полный или относительный адрес графического файла, задаваемый с помощью функции url():

OL {list-style-image: url(http://www.bhv.com/list.gif)}

Свойство list-style-position

Свойство list-style-position определяет положение маркера в списке: в составе абзаца пункта списка (значение inside) или выдвинутым влево от него (значение outside):

<DIV STYLE="position:absolute; top: 0px; left: 20px; width: 300px">

<UL STYLE="list-style-position: inside"> Список 1

<LI> Абзац первого перечисления в списке. Маркер в составе абзаца.

<LI> Абзац второго перечисления в списке. Маркер в составе абзаца.

</UL>

</DIV>

<DIV STYLE="position:absolute; top: 0px; left: 400px; width: 300px">

<UL STYLE="list-style-position: outside"> Список 2

<LI> Абзац первого перечисления в списке. Маркер впереди абзаца.

<LI> Абзац второго перечисления в списке. Маркер впереди абзаца.

</UL>

</DIV>

Свойство list-style

Как и для большинства свойств каскадных таблицей стилей, так и для этих свойств определено свойство, в котором можно одновременно определить значения всех свойств отображения списка. Значением свойства list-style является список значений свойств list-style-type, list-style-image и list‑style‑position:

OL {list-style: circle url(list.gif) inside}