Установка свойства line-height

Свойство line-height управляет расстоянием между базовыми линиями соседних строк текста элемента. Можно воспользоваться этим свойством для разбивки строк по вертикали.

Свойству line-height можно присвоить значение, выраженное в любой из размерных единиц. Предположим, вы применили следующее правило для XML-документа из Листинга 1.6 (в дополнение к правилам, содержащимся в таблице стилей из Листинга 1.5, за исключением установки свойства background-image, которое удалено с целью облегчения восприятия):

STANZA {line-height: 2em}

Текст элемента STANZA будет иметь двойной междустрочный интервал, как показано на следующем риснуке.

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

STANZA {line-height: 200%}

Рисунок 25. Использование свойства text-indent

Установка свойства text-transform

Свойством text-transform можно воспользоваться для управления стилем прописных букв текста элемента при отображении его браузером. Для данного свойства можно задать значения в виде ключевых слов, описанных в таблице 5.10.

Таблица 5.10

Ключевые слова, используемые для свойства text-transform

Установка свойства text-decoration

Свойство text-decoration можно использовать для рисования различных типов линий внутри текста элемента. В таблице 5.11 представлены ключевые слова, которые могут быть назначены этому свойству:

Таблица 5.11

Ключевые слова, используемые для свойства text- decoration

Ключевое слово для text- decoration	Пример правила CSS	Описание	Образец
underline	TITLE {text- decoration: underline}	Рисует линию под текстом	Установка свойств
overline	TITLE {text- decoration: overline }	Рисует линию над текстом
line-through	TITLE {text- decoration: line-through}	Рисует линию, перечёркивающую текст	Установка свойств
none	TITLE {text- decoration: none}	Отображает текст без линии	Установка свойств

Можно применить более одного типа линий, присвоив свойству text-decoration несколько значений. (Однако включение ключевого слова none отменяет действие всех ранее установленных ключевых слов.) Например, следующее правило указывает браузеру нарисовать линию поверх и под текстом:

TITLE { text- decoration: underline overline}