5.22. Установка свойства 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
5.23. Установка свойства 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
Ключевое слово для vertical-align |
Пример правила CSS |
Описание |
baseline (по умолчанию) |
CHILD {font-size: 75%; vertical-align: baseline} |
Совмещает базовую линию текста элемента с базовой линией текста родительского элемента |
sub |
CHILD {font-size: 75%; vertical-align: sub} |
Отображает текст элемента как нижний индекс |
super |
CHILD {font-size: 75%; vertical-align: super} |
Отображает текст элемента как верхний индекс |