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