list-style-type
Краткое описание свойства 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>
Результат: - Error sit voluptatem
- assusantium doloremque
doloremque
Добавить комментарий
