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

Статья
08/11/2011

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

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

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

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

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

Добавление атрибутов фона в правило стиля CSS, определенное во внешней таблице стилей

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

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

Примечание

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

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

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

Задачи

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

Цвет фона

Цвет
Устанавливает атрибут BACKGROUND-COLOR для стиля. Выберите параметр из раскрывающегося списка или нажмите кнопку с многоточием (...), чтобы открыть диалоговое окно Палитра цветов и выбрать дополнительные цвета. Например, при выборе значения Red будет вставлена следующая разметка CSS:

BACKGROUND-COLOR: red
Прозрачный
Этот флажок используется для задания атрибуту BACKGROUND-COLOR значения transparent. Если выбрать transparent, нельзя выбрать цвет фона. Вставляется следующий код:

BACKGROUND-COLOR: transparent

Фоновое изображение

Изображение
Устанавливает изображение, которое стиль будет отображать в качестве фона. Введите путь и имя файла в поле или нажмите кнопку с многоточием (...), чтобы открыть окно Выбор URL и перейти к месторасположению изображения. Например, если вы переходите к изображению с именем Background.bmp, находящемуся в папке Images, будет вставлен следующий код:

BACKGROUND-IMAGE: url (images/background.bmp)

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

Атрибут мозаичного заполнения	Описание
Расположить горизонтально	Заполнение производится по странице слева направо, но не сверху вниз.
Расположить сверху вниз	Однократное заполнение изображениями сверху вниз.
Расположить мозаикой	Заполнение изображениями производится и по горизонтали, и по вертикали.
Не изменять расположение	Заполнение запрещено; изображение появляется в положениях, заданных в значении положения, и не повторяется.
<Не задано>	Никакой параметр не выбран; код в стиль не добавляется.

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

BACKGROUND-REPEAT:repeat-x

Примечание

Атрибуты параметра Мозаика работают совместно с атрибутами параметра Положение.Если выполняется позиционирование изображения, атрибуты заполнения применяются на основе начального положения изображения на странице.Например, если изображение расположено в верхнем левом углу страницы и осуществляется заполнение только по горизонтали, изображение будет повторено вдоль верхнего края страницы.

Прокрутка
Устанавливает атрибут BACKGROUND-ATTACHMENT для фонового изображения, назначенного данному стилю. Значение выбирается из раскрывающегося списка. Изображение может либо оставаться неизменным при прокрутке страницы, либо будет прокручиваться вместе с текстом и изображениями, расположенными над фоном. Выберите <Не задано> (параметр не выбран), Прокручиваемый фон или Фиксированный фон . Например, при выборе значения Прокручиваемый фон будет вставлена следующая разметка CSS:

BACKGROUND-ATTACHMENT:scrolling

Примечание

Если значение атрибута — <Не задано>, код в стиль не добавляется.
Position
Устанавливает атрибут положения для фонового изображения, назначенного данному стилю. Значение положения связано с атрибутами заполнения. Если установлено положение для фонового изображения и не выбраны атрибуты заполнения, это изображение будет зафиксировано в заданном положении. Если установлено положение для фона и выбраны атрибуты заполнения, это положение служит начальной точкой для атрибута заполнения.

Примечание

Необходимо выбрать значения и для горизонтального, и для вертикального положения.При задании только одного значения редактор CSS отобразит неверное название свойства.При выборе значений и для горизонтального, и для вертикального положения это свойство правильно отображается как BACKGROUND-POSITION.Примером объявления допустимого фонового расположения является BACKGROUND-POSITION:left center.
Horizontal
Устанавливает горизонтальное положение для фонового изображения, назначенного данному стилю. Выберите <Не задано> (параметр не выбран), Слева, По центру, Справа или Другое. Если выбрано значение Другое, становятся доступными поля, расположенные справа от Другое. Значение по умолчанию составляет 50%. Введите значение в числовом поле и выберите приращение (px, pt, pc, mm, cm, in, em, ex или %) из раскрывающегося списка единиц измерения. Если выбрано значение Другое и приняты значения по умолчанию, будет вставлена следующая разметка CSS:

BACKGROUND-POSITION:50%

Примечание

Если значение атрибута — <Не задано>, код в стиль не добавляется.
По вертикали
Устанавливает вертикальное положение для фонового изображения, назначенного данному стилю. Выберите опцию из выпадающего списка: <Не задано> (параметр не выбран), Слева, По центру, Справа или Другое. Если выбрано значение Другое, становятся доступными поля, расположенные справа от Другое. Значение по умолчанию составляет 50%. Введите значение в числовом поле и выберите единицы измерения (px, pt, pc, mm, cm, in, em, ex или %) из раскрывающегося списка единиц измерения. Если выбрано значение Другое и приняты значения по умолчанию, будет вставлена следующая разметка CSS:

BACKGROUND-POSITION:50%

Примечание

Если значение атрибута — <Не задано>, код в стиль не добавляется.
Не использовать фоновое изображение
При выборе этого параметра фоновое изображение удаляется из текущей страницы. Атрибуты для изображения недоступны в диалоговом окне. Если на странице было задано изображение, свойство BACKGROUND-IMAGE удаляется из стиля после того, как будет нажата кнопка ОК.