Начертание
У каждой гарнитуры (font-family) есть несколько начертаний. Каждое из них определяется в CSS тремя параметрами стиля: font-style, font-variant, font-weight.
Атрибут стиля font-style определяет прямое начертание (normal) и курсив (italic).
Если хочется усилить насыщенность ("жирность") текста, то в этом случае в описании стиля указывают атрибут font-weight, который принимает значения normal, bold (жирный), bolder (жирнее), lighter (светлее) или одно из девяти целых чисел от 100 до 900. Значение 400 соответствует нормальной насыщенности.
<p style="color:darkred; font-style:italic;font-weight:bold;">Жирный курсив</p>
Атрибут font-variant позволяет заменить строчные буквы прописными (при задании значения параметра small-сaps). Значение параметра по умолчанию normal. Стоит заметить, что он делает их несколько меньшими по размеру, чем прописные буквы текущего шрифта. Кроме того, данный параметр возможно использовать для качественного отображения мелких букв в некоторых гарнитурах, так называемой капители. Реальное применение font-variant проблематично из-за отсутствия капители в стандартном наборе кириллических шрифтов.
Свойства текстовых фрагментов Межбуквенные расстояния
Расстояние между буквами автоматически регулируется размером шрифта - кеглем. Чем больше размер шрифта, тем больше расстояние между буквами. Достаточно внимательно присмотреться, чтобы убедиться в том, что расстояния между буквами в слове "параграф" первого примера и буквами слова "параграфа" второго примера разные. Во втором случае они больше:
Моноширинный шрифт выбран не случайно. На пропорциональном шрифте межбуквенное расстояние зависит от начертания букв и показать его как расстояние между буквами достаточно сложно. У моношириннго шрифта "контейнер" символа фиксирован, поэтому и расстояние между буквами хорошо прослеживается.
Однако не всегда удобно управлять межбуквенным расстоянием через кегль (font-size). Бывают случаи, когда строку нужно либо уплотнить, либо разрядить. Достигается это за счет атрибута letter-spacing:
<p style="font-family:monospace;letter-spacing:10pt; color:darkred"> Межбуквенное расстояние 10pt/p>
Выравнивание
В обычной HTML-разметке эффект выравнивания текста по левому или правому краю, а также по ширине достигается за счет применения атрибута align.
<p align=justify>...</p>
Аналогичный результат в CSS достигается за счет атрибута text-align:
<p style="text-align:right; color:darkred;">Этот параграф выравнен по правому краю </p>
Выравнивать текст можно в любом блочном элементе. Кроме выравнивая по краям текст можно центрировать (<p style="text-align:center;">...</p>).
Преобразование шрифта
Преобразование шрифта подразумевает капитализацию слов, перевод всех "больших" и "маленьких" букв в большие, или, наоборот, получение одних строчных. За это отвечает параметр text-transform, возможные значения которого
uppercase – все прописные
lowercase – все строчные
capitalize – каждое слово с прописной буквы
none – снимает унаследованные установки
Еще один вид преобразования шрифта - это подчеркивание, перечеркивание или надчеркивание слов. Выполняется такое преобразование путем применения атрибута text-decoration:
line-through - зачеркивание
underline – линия под текстом
overline – линия над текстом
none – нет линии
<p style="text-decoration:line-through;"> Перечеркнем это предложение.</p>
Для того, чтобы преобразование работало, нужно соответствующее начертание (подчеркнутые или перечеркнутые начертания букв) в гарнитуре. Очень сложно найти гарнитуру, в которой было бы начертание с надчеркнутыми буквами.