CSS-свойство list-style-type

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

Значение по умолчанию:	`disc`
Применяется к:	Элементы списка
Наследование:	Да
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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

Примеры написания кода свойства list-style-type:

ol {
    list-style-type: decimal-leading-zero;
}
ul {
    list-style-type: square;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`disc`	Маркер представляет собой заполненный круг.
`circle`	Маркер представляет собой полый круг.
`square`	Маркер представляет собой заполненный квадрат.
`decimal`	Устанавливает маркер – Десятичные числа Начинаются с 1, без ведущего нуля
`decimal-leading-zero`	Устанавливает маркер – Десятичные числа Числа дополнены начальным нулем Например 01, 02, 03, … 10, 11
`lower-roman`	Устанавливает маркер – Строчные римские цифры Например i, ii, iii, iv, v, …
`upper-roman`	Устанавливает маркер – Прописные римские цифры Например I, II, III, IV, V, …
`lower-greek`	Устанавливает маркер – Строчные греческие буквы Например alpha, beta, gamma, … Например α, β, γ, …
`lower-latin`	Устанавливает маркер – Строчные латинские буквы Например a, b, c, … z
`upper-latin`	Устанавливает маркер – Прописные латинские буквы Например A, B, C, … Z
`armenian`	Устанавливает маркер – Традиционная армянская нумерация Например ayb/ayp, ben/pen, gim/keem, …
`georgian`	Устанавливает маркер – Традиционная грузинская нумерация Например an, ban, gan, … he, tan, in …
`lower-alpha`	Устанавливает маркер – Строчные латинские буквы Например a, b, c, … z
`upper-alpha`	Устанавливает маркер – Прописные латинские буквы Например A, B, C, … Z
`none`	Не указывает маркер.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `list-style-type`.