Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Подготовка к ПР1.docx
Скачиваний:
0
Добавлен:
01.04.2025
Размер:
5.39 Mб
Скачать

1.4.3. Межстрочное расстояние

Р асстояние между строками (ин­терлиньяж) можно назначить с помо­щью параметра line-height. Точнее говоря, он определяет высоту строки, задаваемую ключевым словом normal (значение по умолчанию) или числом с указанием единиц измерения, вклю­чая проценты.

При задании процентов высота строки вычисляется относительно раз­мера шрифта. Вообще говоря, значения данного параметра интерпретируются различными браузерами не совсем одинаково. Точную картину можно выяснить экспериментально. На рис. показаны примеры, иллюстрирующие в некоторой мере влияние данного па­раметра на межстрочное расстояние. На практике параметр line-height со значением, отличным от normal, при­меняют в исключительных случаях, например когда требуется разместить текст в контейнере с очень ограничен­ными размерами (на кнопке).

1.4.4. Межсловное расстояние

Расстояние между словами можно установить с помощью параметра word-spacing, который принимает следующие значения:

- normal - расстояние между словами обычное, как при отсутствии параметра;

- значение - число с указанием единиц измерения.

Если установлен параметр text-align: justify (выравнивание одновременно по левому и правому краям), то word-spacing не действует. В этом случае межсловное расстояние устанавливается автоматически исходя из цели выравнивания текста. Нулевое значение соответствует обычному расстоянию меду словами, а при отри­цательных значениях результат зависит от браузера.

Т ак, Internet Explorer и Opera в последнем случае отображают слова слитно, а остальные браузеры - с перекрытием. По существу значение word-spacing озна­чает приращение длины пробела, принятой по умолчанию.

На рис. показан пример форматирования текстовой строки с помощью пара­метра word-spacing.

1.4.5. Межбуквенное расстояние

Р асстояние между буквами регулируется параметром letter-spacing, который принимает следующие значения:

- normal - расстояние между словами обычное, как при отсутствии данного па­раметра;

- значение - число с указанием единиц измерения.

Без данного параметра межбуквенное расстояние устанавливается автомати­чески на основе характеристик шрифта. С помощью letter-spacing можно представить слово или блок текста вразрядку или, наоборот, в сжатом виде. При этом межсловное расстояние изменяется пропорционально межбуквенному.

Нулевое значение соответствует обычному расстоянию меду буквами, а при от­рицательных значениях параметра строка может стать нечитабельной.

На рис. показан пример форматирования текстовой строки с помощью пара­метра letter-spacing.

1.4.6. Декорация

Т екстовые строки можно оформить специальным образом или, как еще говорят, декорировать. Например, их можно подчеркнуть снизу или сверху, перевести в верхний или нижний регистры или зачеркнуть. Иногда требуется, чтобы каждое слово в строке начиналось с прописной буквы. Для такой декорации текста приме­няется параметр text-decoration, который принимает следующие значения:

none - отменяет любое декорирование (значение по умолчанию для большин­ства тегов); в частности, применение данного значения к тегу ссылки <а> отме­няет принятое по умолчанию подчеркивание текста или отображение рамок около графического изображения ссылок;

underline - подчеркивает текст;

overline - добавляет черту над текстом;

line-through - зачеркивает текст;

lowercase - отображает текст в нижнем регистре (строчными символами);

uppercase - выводит текст в верхнем регистре (прописными символами);

blink- создает эффект мигания (не во всех браузерах). На рис. слева приведен пример для некоторых значений параметра text-decoration. На рис. справа приведен пример создания простой математической формулы с по­мощью параметра text-decoration. Здесь квадратный корень отображается специ­альным символом √, а линии прорисованы посредством установки соответ­ствующих значений параметра text-decoration.