CSS свойство list-style-type, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-7219124Перейти к справке CSS

ul.circle {list-style-type:circle} ul.square {list-style-type:square} ol.upper-roman {list-style-type:upper-roman}

ol.lower-alpha {list-style-type:lower-alpha}

Описание и использование

Свойство CSS list-style-type определяет тип маркера пункта списка.

Значение по умолчанию disc
Наследование да
Версия CSS CSS 1
Синтаксис JavaScript object.style.listStyleType=»square»

Поддержка в браузерах

chrome-2594416 firefox-7287263 ie-6337694 opera-2679088 safari-8929889
Свойство list-style-type поддерживается всеми основными браузерами.

Заметка: Ни одная версия Internet Explorer (включая IE8) не поддерживает значения свойства «decimal-leading-zero», «lower-greek», «lower-latin», «upper-latin», «armenian», «georgian» или «inherit».

Возможные значения свойства list-style-type

Значение Описание
none Без маркера
circle Кружок (пустой внутри)
disc Кружок, закрашенный внутри. Значение по умолчанию
square Квадратик
armenian Традиционная армянская нумерация
decimal Арабские числа (1, 2, 3)
decimal-leading-zero Арабские числа с нулем впереди(01, 02, 03)
georgian Традиционная грузинская нумерация(an, ban, gan)
lower-alpha Строчные латинские буквы(a, b, c, d, e, etc.)
lower-greek Строчные греческие буквы (α, β, γ)
lower-latin Строчные латинские буквы (a, b, c)
lower-roman Римские числа в нижнем регистре (i, ii, iii)
upper-alpha Заглавные латинские буквы (A, B, C)
upper-latin Аналогично upper-alpha (A, B, C)
upper-roman Римские числа (I, II, III)
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование списков в CSS

Учебник CSS: list-style

up_violet-7219124Перейти к справке CSS