Параметры маркеров списка. Параметры местонахождения.
Параметры, задающие вид маркеров списка, задаются на вкладке List диалогового окна CSS Style Definition. Эта вкладка показана на рис. 10.22.
Как вы помните, HTML предоставляет возможность создания списков, состоящих из множества позиций, помеченных специальными значками – маркерами или цифрами (буквами). В первом случае список называется маркированным, а во втором – нумерованным. Пример маркированного списка вы можете увидеть выше, в описании стилей рамки. Ну а пример нумерованного списка без труда можно найти в этой книге – здесь они используются довольно часто.
HTML предоставляет вам некоторые способы изменить маркер или нумерацию позиций списка. CSS предлагает практически те же возможности.
Рис. 10.22. Вкладка List диалогового окна CSS Style Definition
В раскрывающемся списке Type задается вид маркера или нумерации позиций списка. Здесь доступны девять пунктов:
- disc – маркер в виде кружка с заполнением (поведение по умолчанию для маркированных списков);
- circle – маркер в виде окружности без заполнения;
- square – маркер в виде маленького квадратика, с заполнением (на компьютерах Apple Macintosh отображается без заполнения);
- decimal – нумерация арабскими цифрами (поведение по умолчанию для нумерованных списков);
- lower-roman – нумерация малыми римскими цифрами;
- upper-roman – нумерация большими римскими цифрами;
- lower-alpha – нумерация малыми латинскими буквами;
- upper-alpha – нумерация большими латинскими буквами;
- nоnе – нет ни маркера, ни нумерации (поведение по умолчанию для обычных текстовых абзацев).
В поле ввода Bullet Image вводится имя файла графического изображения, которое будет использоваться в качестве маркера. Вы можете ввести его вручную или щелкнуть кнопку Browse и выбрать нужный файл в диалоговом окне Select File. Заметьте, что если задан графический маркер, установки атрибута Type теряют силу.
Раскрывающийся список Position задает местонахождение маркера или нумерации. Здесь доступны два пункта. Если выбран пункт inside, то маркер (нумерация) располагается внутри границ текстового абзаца, т. е. принадлежит ему. Если же выбран пункт outside, то маркер (нумерация) размещается за пределами границ абзаца. Таким образом, если задано значение inside, позиция списка выглядит компактнее, а если outside – текст позиции будет лучше читаться. Значение по умолчанию – outside.
Параметры местонахождения
Вкладку Positioning диалогового окна CSS Style Definition мы рассмотрим позже, когда будем изучать свободно позиционируемые элементы. Сейчас атрибуты, устанавливаемые с ее помощью, нам не пригодятся.