list-style-type

Home

list-style-type

( 0 - user rating )

Краткое описание свойства list-style-type

Изменяет вид маркера для каждого элемента списка.

Ограничения list-style-type

1. В браузере IE6 при использовании <ol> и значения inside, числа идущие с 10, начинают накладываться на текст списка.

2. Используется только в случае, когда значение свойства list-style-image установлено как none.

list-style-type - Изменяет вид маркера для каждого элемента списка.

Синтаксис:

ul {list-style-type:disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none;}

Описание аргументов:

disc -
circle -
square -
decimal -
lower-roman -
upper-roman -
lower-alpha -
upper-alpha -

Значение по умолчанию

disc (для <ul>); decimal (для <ol>)

Обьектная модель:

[window.]document.getElementById("elementID").style.listStyleType

Пример использования атрибута list-style-position:

Листинг style.css:

ul{list-style-type:circle;}

Листинг 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-type</title>
</head>
<body>
<div>
<ul class="list_inside">
<li>Error sit voluptatem</li>
<li>assusantium doloremque</li>
</ul>
</body>
</html>

Результат: