Установка свойства letter-spacing

Стандарт CSS поддерживает следующие свойства, позволяющие модифицировать разбивку, выравнивание и другие характеристики текста:

· letter-spacing;

· vertical-align;

· text-align;

· text-indent;

· line-height;

· text-transform;

· text-decoration.

Дочерние элементы наследуют все эти свойства, за исключением vertical-align.

Свойством letter-spacing можно воспользоваться для увеличения или уменьшения просвета между символами в тексте элемента. Для увеличения просвета свойству letter-spacing следует присвоить положительное значение в соответствующих единицах размера. Например, следующее правило увеличивает просвет между символами на одну четверть от высоты текста:

TITLE {letter-spacing:.25em}

Можно задать свойству letter-spacing отрицательное значение для уменьшения просвета между символами на значение в соответствующих единицах размера. Например, это правило уменьшает просвет между символами на половину пункта:

TITLE {letter-spacing:-.5pt}

(Более подробная информация о различных видах значений размеров, которые можно устанавливать, содержится в разделе “Задание значений в размерных единицах”.)

Можно выбрать также обычную величину просвета, установив для свойства letter-spacing значение normal. Например, следующая таблица стилей, присоединенная к XML-документу из Листинга 1.6, назначает увеличенный просвет между символами для элемента TITLE, и назначает обычный просвет между символами для элемента SUBTITLE (второе назначение необходимо, чтобы отменить увеличенный просвет между символами, который в противном случае элемент SUBTITLE унаследовал бы от родительского элемента, TITLE):

РОЕМ

{font-size: 145%}

РОЕМ, TITLE, SUBTITLE, AUTHOR, SECTION, STANZA, VERSE

{display: block}

SECTION, STANZA

{margin-top: 1em}

TITLE

{letter-spacing: .5em}

SUBTITLE

{letter-spacing: normal}

В соответствии с правилами этой таблицы стилей, Internet Explorer отобразит XML-документ как показано на следующем рисунке.

Рисунок 21. Использование свойства letter-spacing

Установка свойства vertical-align

Свойство vertical-align можно использовать для создания верхних или нижних индексов (надстрочных и подстрочных символов). Это свойство оказывает воздействие только на элементы inline (см. раздел “Установка свойства display”).

Cвойству vertical-align можно назначить одно из ключевых слов CSS, описанных в таблице 7.10. Ниже представлен фрагмент XML-документа, в котором свойство vertical-align применено только для элемента CHILD, являющимся элементом inline и описанным в документе следующим образом:

<PARENT>Родительский элемент

<CHILD>Дочерний элемент</CHILD>

</PARENT>

Дочерние элементы не наследуют свойство vertical-align.

Таблица 5.9

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