Свойство text-transform — преобразование регистра

Свойство text-transform позволяет управлять ре­гис­тром символов и может принимать четыре значения.

• none — преобразования не производится, значение по умолчанию.

• uppercase — преобразование в ВЕРХНИЙ РЕГИСТР.

• lowercase — преобразование в нижний регистр.

• capitalize — Первая Буква Каждого Слова Преобразуется В Верхний Регистр.

Свойство line-height — высота строки

Свойство line-height позволяет управлять высотой строки (интерлиньяжем). Значения можно задавать в процентах от кегля текущего шрифта (шрифта элемента). По умолчанию это значение (normal) соответствует 120%, а не 100%, как может показаться в начале.

Естественно, если указать значение меньше 100%, строки будут перекрываться. Отрицательные значения указывать нельзя.

Также можно указывать числовые значения или значения в единицах em, учитывая, что 100% соответствует 1em или числовому коэффициенту 1. Например, три следующих объявления эквивалентны:

line-height: 175%;

line-height: 1.75;

line-height: 1.75em;

Кроме того, данное свойство также является частным свойством для свойства font. Для того чтобы указать высоту строки в собирательном свойстве, нужно применить особую конструкцию. Например, следующие объявление устанавливает высоту строки в 200%:

font: italic 1.5em/200% Arial, sans-serif;

Если значение line-height не указывается в собирательном свойстве font, оно устанавливается в normal. Распространенной ошибкой является подобная запись:

line-height: 150%;

font: 1.1em Verdana, sans-serif;

В результате второе объявление отменит первое и установит высоту строк в normal. Такой результат очень озадачивает начинающих верстальщиков. Решить эту проблему можно либо поменяв местами объявления, либо объединив их в одно и указав значение высоты строк через косую черту после значения кегля.

Свойство letter-spacing — межбуквенный интервал

Свойство letter-spacing позволят управлять расстоянием между соседними буквами в строке. Можно указывать как положительное, так и отрицательные значения. В первом случае получается разреженный текст, а во втором — буквы могут частично наплывать друг на друга.

letter-spacing: 0.2em;

letter-spacing: -0.1em;

По умолчанию это свойство имеет значение normal соответствующее 0.

Свойство word-spacing — междусловный интервал

В отличие от свойства letter-spacing свойство word-spacing управляет интервалами между соседними словами. Значение добавляется к текущему расстоянию между словами. Например, это объявление делает расстояние между словами на 0.5em шире:

word-spacing: 0.5em;

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

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

Свойство text-align — горизонтальное выравнивание

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

Свойство text-align может принимать всего 4 значения.

• left — выравнивание по левому краю. При написании текста слева направо это значение применяется по умолчанию для большинства элементов.

• right — выравнивание по правому краю.

• center — выравнивание по центру.

• justify — выравнивание по ширине.

Также следует учитывать, что свойство text-align наследуется. Например, чтобы установить для всех элементов документа выравнивание по правому краю, достаточно добавить следующее правило:

body {

text-align: right;

}

Это правило не действует на элементы, для которых явно задано другое значение свойства text-align.