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

Устанавливает вид маркера элементов списка.

CSS синтаксис

list-style-type: значение;

Возможные значения

Значение Описание
disc Значение по умолчанию. Маркер в виде точки.
armenian Традиционная армянская нумерация.
circle Маркер в виде круга.
cjk-ideographic Идеографическая нумерация.
decimal Арабские числа (1, 2, 3, 4,...).
decimal-leading-zero Арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,...).
georgian Традиционная грузинская нумерация.
hebrew Традиционная еврейская нумерация.
hiragana Японская нумерация Хирагана.
hiragana-iroha Японская нумерация Хирагана-ироха.
katakana Японская нумерация Катакана.
katakana-iroha Японская нумерация Катакана-ироха.
lower-alpha Строчные буквы латинского алфавита (a, b, c, d, e...).
lower-greek Строчные буквы греческого алфавита (α, β, γ, δ,...).
lower-latin Это значение аналогично lower-alpha.
lower-roman Римские числа в нижнем регистре (i, ii, iii, iv, v,...).
none Список без маркера.
square Маркер в виде квадрата.
upper-alpha Заглавные латинские буквы (A, B, C, D,...).
upper-latin Это значение аналогично upper-alpha.
upper-roman Римские числа в верхнем регистре (I, II, III, IV, V,...).
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Определим несколько различных стилей списков


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;}