Параметры списков
Вид маркеров или нумерации у списков и их пунктов определяется при помощи атрибута стиля list-style-type.
Значения list-style-type:
- disc - маркер в виде черного круга (стандартное значение для списков);
- circle - маркер в виде окружности;
- square - маркер в виде квадрата;
- decimal - нумерация арабскими цифрами (стандартное значение для нумерованных списков);
- decimal-leading-zero - нумерация с арабскими цифрами в формате с начальным нулем от 01 до 99;
- lower-roman - нумерация малыми римскими цифрами;
- upper-roman - нумерация большими римскими цифрами;
- lower-greek - нумерация малыми буквами греческого алфавита;
- lower-alpha - нумерация малыми буквами латинского алфавита;
- lower-latin - нумерация малыми буквами латинского алфавита;
- upper-alpha - нумерация большими буквами латинского алфавита;
- upper-latin - нумерация большими буквами латинского алфавита;
- armenian - нумерация традиционными армянскими цифрами;
- georgian - нумерация традиционными грузинскими цифрами;
- none - нумерация и маркер отсутствуют.
При помощи атрибута стиля list-style-image в качестве маркера можно задавать изображение (графический маркер). При этом, если задан атрибут стиля list-style-type, он игнорируется.
URL-адрес изображения для графического маркера задается аналогично фоновому изображению, значение none убирает графический маркер.
list-style-image: url("<адрес изображения>")
ПРИМЕР:
UL { list-style-image: url(/image/markers.jpg); list-style-type: circle } |
Атрибут стиля list-style-position задает местоположение маркера (нумерации) в пункте списка.
Значения list-style-position:
- inside - маркер (нумерация) находится внутри пункта списка, фактически являясь его частью.
- outside - маркер (нумерация) вынесены за пределы пункта списка (значение по умолчанию).