Диалоговое окно "Построитель стилей", страница "Списки"

Статья
08/11/2011

Страница Списки диалогового окна Построитель стилей позволяет определить атрибуты стиля таблицы каскадных стилей (CSS), который форматирует списки, созданные с помощью тегов <OL> и <UL>. Эти атрибуты можно применять непосредственно к HTML-элементам, либо же их можно добавить к правилам стилей CSS.

Чтобы применить атрибуты списка непосредственно к HTML-элементам на странице

Откройте документ HTML в режиме разработки Конструктора HTML и выберите форматируемые элементы.
В меню Формат выберите пункт Стиль, чтобы открыть диалоговое окно Построитель стилей.
Нажмите Списки в левой области диалогового окна Построитель стилей.

Диалоговое окно Списки, Построитель стилей появится в правой области.

При форматировании элементов, выбранных в режиме Конструктора, атрибуты стиля CSS встраиваются в HTML-разметку страницы. Перейдите в режим редактирования HTML-кода для просмотра вставленных атрибутов нового стиля.

Чтобы добавить атрибуты списка в правило стиля CSS, определенное во внешней таблице стилей

Откройте существующую внешнюю таблицу стилей и поместите курсор внутрь фигурных скобок ({ }), следующих за селектором нужного стиля.
Нажмите кнопку Построить стиль в меню Стили, чтобы открыть диалоговое окно Построитель стилей.
Нажмите Списки в левой области диалогового окна Построитель стилей.

Диалоговое окно Списки, Построитель стилей появится в правой области.

Примечание

Меню Стили появляется в том случае, когда редактируется внешняя таблица стилей CSS.Команда Построить стиль в меню Стили становится доступной при помещении точки вставки между фигурными скобками, следующими за селектором правила стилей.

Класс стиля CSS, определенный во внешней таблице стилей, может быть применен к элементу в области <BODY> веб-страницы путем записи селектора стиля CSS в свойство CLASS этого элемента.

Параметры, доступные на странице Список диалогового окна Конструктор стилей.

Задачи

Элементы пользовательского интерфейса

Списки

Устанавливает атрибуты для типа списка, маркированного или без маркеров. Атрибуты обычно применяются к стилям, влияющим на теги <LI></LI> или <OL></OL>. Выберите <Не задано> (параметр не выбран), Маркированный или Немаркированный. Например, при выборе значения Немаркированный будет добавлен следующий код:

LIST-STYLE-TYPE:none

маркеры

Атрибуты, перечисленные в следующей таблице, задают формат маркеров. маркеры включают числа, буквы, римские цифры, стандартные знаки маркеров (окружность, диск, квадрат) или пользовательские знаки маркеров.

Примечание

Различные стили маркеров становятся доступны после того, как в качестве типа списка выбрана позиция Маркированный.

Стиль
Устанавливает атрибуты, определяющие стиль маркера. Имеется восемь стилей. Выберите <Не задано> (параметр не выбран), Круг, Диск, Квадрат, (1 2 3 4…), (i ii iii iv…), (I II III IV…), (a b c d…) или (A B C D...). Например, если в качестве типа списка выбран Маркированный и в качестве стиля выбран Квадрат, будет вставлена следующая разметка CSS:

LIST-STYLE-TYPE:square
Position
Устанавливает атрибуты, определяющие положение маркера относительно текста. Включены два различных формата для положения текста. Выберите <Не задано> (параметр не выбран), Снаружи (Текст с отступом) или Внутри (Текст без отступа). Например, если в качестве стиля выбран Квадрат, задан тип списка Маркированный, а для положения выбрано значение Снаружи (Текст с отступом), будет вставлена следующая разметка CSS:

LIST-STYLE-TYPE:square; list-style-position:outside
Настраиваемый маркер списка
Устанавливает в качестве маркера изображение, отличающееся от восьми имеющихся стилей. После выбора Другой маркер доступны параметры Изображение и Нет.
Изображение
Устанавливает в качестве стиля маркера изображение. Введите в поле путь и имя файла, либо выберите кнопку с многоточием (...), чтобы открыть диалоговое окно Выбор изображения для маркера и указать расположение изображения. Например, если в качестве типа списка выбрано значение Маркированный, для положения выбрано значение Снаружи (Текст с отступом), в качестве стиля маркера выбрано значение Другой маркер, а в поле Изображение введено имя bullet.jpg, будет вставлена следующая разметка CSS.

LIST-STYLE-POSITION:outside

LIST-STYLE-IMAGE:url (bullet.jpg)
Отсутствует
Устанавливает в качестве изображения для стиля маркера значение None. Например, если в качестве типа списка выбрано значение Маркированный, для положения выбрано значение Снаружи (Текст с отступом), в качестве стиля маркера выбрано значение Другой маркер, а в поле Изображение введено имя bullet.jpg, будет вставлена следующая разметка CSS.

LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:url (bullet.jpg)

Если затем вернуться в диалоговое окно Построитель стилей и выбрать значение Нет для параметра Другой маркер, будет вставлена следующая разметка CSS:

LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:none