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

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

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

  1. Откройте HTML-документ в режиме Конструктора и выберите текст для форматирования.

  2. Выберите в меню Формат пункт Стиль, чтобы открыть диалоговое окно Построитель стилей.

  3. Нажмите Текст в левой области диалогового окна Построитель стилей.

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

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

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

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

  2. Выберите в меню Построить стиль в меню Стили, чтобы открыть диалоговое окно Построитель стилей.

  3. Нажмите Текст в левой области диалогового окна Построитель стилей.

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

Примечание

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

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

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

Задачи

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

Выравнивание

Примечание

Для перечисленных ниже значений атрибута при выборе значения <не задано> код в стиль не добавляется.

  • Horizontal
    Устанавливает значение атрибута TEXT-ALIGN для текста, форматируемого данным стилем. Выберите <Не задано> (параметр не выбран), По левому краю, По центру, По правому краю или По ширине. Например, при выборе атрибута По левому краю будет вставлена следующая разметка CSS:

    TEXT-ALIGN:left

    Примечание

    Устанавливаемые ниже значения параметров Letters и Lines подгоняются в соответствии с атрибутом По ширине.

  • По вертикали
    Устанавливает значение атрибута VERTICAL-ALIGN для текста, форматируемого данным стилем. Выберите <не задано> (параметр не выбран), Нижний индекс или Верхний индекс. Например, при выборе значения Верхний индекс будет вставлена следующая разметка CSS:

    VERTICAL-ALIGN:sub

  • Обоснование
    Устанавливает значение атрибута TEXT-JUSTIFY для текста, форматируемого данным стилем. Выберите <Не задано> (параметр не выбран), Автоматически, Разделять слова, Газетный стиль, Распределить интервалы или Распределить все строки. Например, при выборе значения Газетный стиль будет вставлена следующая разметка CSS:

    TEXT-JUSTIFY:newspaper

    Примечание

    Атрибуты выравнивания доступны, только если для выравнивания по горизонтали выбрано значение По ширине.

Интервал

Эти параметры устанавливают расстояние между буквами и расстояние по вертикали между строками текста, форматируемого в этом стиле.

  • Буквы
    Устанавливает значение расстояния по горизонтали между буквами текста, форматируемого в данном стиле. Выберите <Не задано>(параметр не выбран), Обычное или Другое. Если выбрано значение Другое, становятся доступными поля, расположенные справа от поля Другое. Введите значение от 1 до 512 в числовом поле и выберите единицы измерения (точки, пункты, пики, мм, см, дюймы, высота шрифта или высота символа). Заданное значение может быть отрегулировано в соответствии с установленным атрибутом HORIZONTAL-JUSTIFIED. Единица измерения по умолчанию — pt. Например, если выбрано значение Другое и в числовом поле введено значение 5, после чего приняты единицы измерения по умолчанию, будет вставлена следующая разметка CSS.

    LETTER-SPACING:5pt

  • Строки
    Устанавливает значение расстояния по вертикали между строками текста, форматируемого в данном стиле. Выберите <Не задано>(параметр не выбран), Обычное или Другое. Если выбрано значение Другое, становятся доступными поля, расположенные справа от Другое. Введите значение от 1 до 512 в числовом поле и выберите единицы измерения (точки, пункты, пики, мм, см, дюймы, высота шрифта, высота символа или проценты). Единица измерения по умолчанию — pt. Например, если выбрано значение Другое и в числовом поле введено значение 5, после чего приняты единицы измерения по умолчанию, будет вставлена следующая разметка CSS.

    LINE-HEIGHT:5pt

    Примечание

    Атрибут HORIZONTAL-JUSTIFIED также изменяет междустрочный интервал.

Размещение текста

  • Отступ
    Устанавливает значение атрибута TEXT-INDENT для текста, форматируемого в данном стиле. Введите значение от 1 до 512 в числовом поле и выберите единицы измерения (точки, пункты, пики, мм, см, дюймы, высота шрифта, высота символа или %). Единица измерения по умолчанию — pt. Например, если в числовом поле введено значение 5, после чего приняты единицы измерения по умолчанию, будет вставлена следующая разметка CSS:

    TEXT-INDENT:5pt

  • Направление текста
    Устанавливает значение атрибута DIRECTION для текста, форматируемого в данном стиле. Выберите <Не задано> (параметр не выбран), Слева направо или Справа налево. Например, при выборе значения Слева направо будет вставлена следующая разметка CSS:

    DIRECTION:ltr

    Примечание

    Если значение атрибута — <Не задано>, код в стиль не добавляется.

См. также

Ссылки

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

Страница "Шрифт", диалоговое окно "Построитель стилей"

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

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

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

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

Other, Style Builder Dialog Box

Диалоговое окно "Палитра цветов"

Основные понятия

Общие сведения о работе с CSS