list-style-type

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

CSS	CSS1+
Значение по умолчанию	disc (для <ul>); decimal (для <ol>)
Наследуется	Да
Применяется	К тегам <dd>, <dt>, <li>, <ol> и <ul>, а также ко всем элементам, у которых указано display: list-item
Ссылка на спецификацию	открыть в новой вкладке

Описание

Изменяет вид маркера для каждого элемента списка. Это свойство используется только в случае, когда значение list-style-image установлено как none. Маркеры различаются для маркированного списка (тег <ul>) и нумерованного (тег <ol>).

Синтаксис

list-style-type: circle | disc | square | armenian | decimal | decimal-leading-zero | georgian | lower-alpha | lower-greek | lower-latin | lower-roman | upper-alpha | upper-latin | upper-roman | none | inherit

Аргументы

Значения зависят от того, к какому типу списка они применяются: маркированному или нумерованному.

Маркированный список

circle - Маркер в виде кружка.

disc - Маркер в виде точки.

square - Маркер в виде квадрата.

Нумерованный список

armenian - Традиционная армянская нумерация.

decimal - Арабские числа (1, 2, 3, 4,...).

decimal-leading-zero - Арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,...).

georgian - Традиционная грузинская нумерация.

lower-alpha - Строчные латинские буквы (a, b, c, d,...).

lower-greek - Строчные греческие буквы.

lower-latin - Это значение аналогично lower-alpha.

lower-roman - Римские числа в нижнем регистре (i, ii, iii, iv, v,...).

upper-alpha - Заглавные латинские буквы (A, B, C, D,...).

upper-latin - Это значение аналогично upper-alpha.

upper-roman - Римские числа в верхнем регистре (I, II, III, IV, V,...).

none - Отменяет маркеры для списка.

inherit - Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>list-style-type</title> <style type="text/css"> OL { list-style-type: upper-alpha; /*Заглавные буквы*/ } </style> </head> <body> <ol> <li>Lorem ipsum dolor sit amet</li> <li>Consectetuer adipiscing elit</li> <li>Sed diem nonummy nibh euismod</li> <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li> </ol> </body> </html>

Демонстрация примера

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

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

Браузеры

В браузере Internet Explorer 6 при использовании нумерованного списка <ol> и значения inside свойства list-style-position, числа идущие с 10, начинают накладываться на текст списка.

Браузер Internet Explorer до версии 7.0 включительно не поддерживает значения armenian, decimal-leading-zero, georgian, lower-greek, lower-latin, upper-latin, inheirt. Вместо них выводится нумерация арабскими числами. В этом браузере нумерация или маркеры не отображаются для плавающих элементов (UL { float: left; }).

Internet Explorer 8 дополнительно понимает значение upper-greek, которое устанавливает нумерацию в виде заглавных греческих букв.

list-style-type

Категории

Последние комментарии

	Русский
	English