13 Свойства text_transform, text_indent. Пример

text_transform Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.

text-transform: capitalize | lowercase | uppercase | none | inherit

capitalize Первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.

Lowercase Все символы текста становятся строчными (нижний регистр).

Uppercase Все символы текста становятся прописными (верхний регистр).

h1 { text-transform: uppercase; /* Заглавные буквы */}

p { text-transform: capitalize; /* Каждое слово начинается с заглавной буквы */}

text_indent Устанавливает величину отступа первой строки блока текста (например, для абзаца <p>). Воздействия на все остальные строки не оказывается. Допускается отрицательное значение для создания выступа первой строки, но следует проверить, чтобы текст не выходил за пределы окна браузера.

text-indent: <значение> | <проценты> | inherit

P { text-indent: 1.5em; /* Отступ первой строки */}

14 Свойства line-height, word_spacing. Пример

line-height Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.

line-height: множитель | значение | проценты | normal | inherit

normal Расстояние между строк вычисляется автоматически.

h1 {line-height: 60%; }

word_spacing Устанавливает интервал между словами. Если для текста задано выравнивание через text-align со значением justify (выравнивание по ширине), то интервал между словами будет установлен принудительно, но не меньше значения, указанного через word-spacing.

word-spacing: значение | normal | inherit

p {word-spacing: 20px; }

15 Свойства letter-spacing, vertical-align. Пример.

letter-spacing Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данное свойство. Допустимо использовать отрицательное значение, но в этом случае надо убедиться, что сохраняется читабельность текста.

letter-spacing: значение | normal | inherit

p {letter-spacing: 5px;}

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

vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты

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

Bottom Выравнивает основание текущего элемента по нижней части элемента строки, расположенного ниже всех.

Middle Выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента.

Sub Элемент изображается как подстрочный, в виде нижнего индекса. Размер шрифта при этом не меняется.

Super Элемент изображается как надстрочный, в виде верхнего индекса. Размер шрифта остается прежним.

text-bottom Нижняя граница элемента выравнивается по самому нижнему краю текущей строки.

text-top Верхняя граница элемента выравнивается по самому высокому текстовому элементу текущей строки.

Top Выравнивание верхнего края элемента по верху самого высокого элемента строки.

<div style="font-size: 2em">

T<span style="vertical-align: sub">E</span>X и L<span

style="vertical-align: 5px; font-size: 0.8em">A</span>T<span

style="vertical-align: sub">E</span>X

</div>