В этой статье мы расскажем, как изменить стандартную нумерацию в списке на римские цифры, греческие буквы и т.д.
Для этих целей в CSS есть специальное своство - list-style-type. Которое позволяет изменить тип списка, принимать у нумерованного списка она может следующие значения:
Значение | Описание |
---|---|
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 | Наследует значение родителя. |
Например, чтобы сделать список с римскими цифрами, то нужно написать:
Вот такой будет результат:
- Радость
- Блаженство
- Наслаждение
Добавить комментарий
Авторизоваться с помощью: