устанавливает позицию маркера списка.
Ограничения list-style-position
В браузере IE6 при использовании <ol> и значения inside, числа идущие с 10, начинают накладываться на текст списка.
list-style-position - устанавливает позицию маркера списка. Существуют 2 значения позиции маркера, за границей списка и маркер обтекается текстом.
Синтаксис:
ul {list-style-position:inside | outside;}Описание аргументов:
inside - маркер обтекается текстом.
outside - маркер вынесен за границу элемента списка
Значение по умолчанию
Обьектная модель:
[window.]document.getElementById("elementID").style.listStylePosition
Пример использования атрибута list-style-position:
Листинг style.css: .list_inside{list-style:disc; list-style-position:inside;} .list_outside{list-style:disc; list-style-position:outside;}
Листинг index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link type="text/css" rel="stylesheet" href="/style.css" />
<title>Параметр list-style-position</title>
</head>
<body>
<div>
<ul class="list_inside">
<li>Error sit voluptatem</li>
<li>assusantium doloremque</li>
</ul>
<ul class="list_outside">
<li>Error sit voluptatem</li>
<li>assusantium doloremque</li>
</ul>
</body>
</html>
Результат:
- Error sit voluptatem
- assusantium doloremque
- Error sit voluptatem
- assusantium doloremque
