Параметры списков

Списки среди блочных элементов стоят особняком. В основном, из-за того, что, во-первых, содержат в себе другие блочные элементы (отдельные пункты), а во-вторых, включают маркеры и нумерацию, которые расставляет сам Web-обозреватель. Вот о маркерах и нумерации, а точнее, об атрибутах стиля, предназначенных для задания их параметров, мы сейчас и поговорим.

Атрибут стиля list-style-type задает вид маркеров или нумерации у пунктов списка:

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

Как видим, доступных значений у этого атрибута стиля очень много. Они обозначают как различные виды маркеров, так и разные способы нумерации.

— disc — маркер в виде черного кружка (обычное поведение для маркированных списков).

— circle — маркер в виде светлого кружка.

— square — маркер в виде квадратика. Он может быть светлым или темным, в зависимости от Web-обозревателя.

— 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-type, предлагаемые стандартом CSS 3. Однако стандарт CSS 2 предусматривал еще несколько значений, которые до сих пор поддерживаются Web-обозревателями. Вы можете найти их на Web-странице https://developer.mozilla.org/en/CSS/list-style-type .

Атрибут стиля list-style-type можно задавать как для самих списков, так и для отдельных пунктов списков. В последнем случае создается список, в котором пункты имеют разные маркеры или нумерацию. Иногда это может пригодиться.

Вот определение маркированного списка с маркером в виде квадратика:

UL { list-style-type: square }

А в листинге 9.1 мы задали такой же маркер для одного из пунктов маркированного списка.