list-style-position
Краткое описание свойства list-style-position
устанавливает позицию маркера списка. Ограничения list-style-position
В браузере IE6 при использовании <ol> и значения inside, числа идущие с 10, начинают накладываться на текст списка.
list-style-position - устанавливает позицию маркера списка. Существуют 2 значения позиции маркера, за границей списка и маркер обтекается текстом.
Синтаксис:
ul {list-style-position:inside | outside;}
Описание аргументов:
inside - маркер обтекается текстом.
outside - маркер вынесен за границу элемента списка
Значение по умолчанию
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
doloremque
- Error sit voluptatem
- assusantium doloremque
doloremque
Добавить комментарий
