Книга: HTML, XHTML и CSS на 100%

Трансформация текста

Трансформация текста

Свойство text-transform управляет регистром символов. Существует три значения для данного свойства:

• capitalize – пишет все слова с большой буквы;

• uppercase – переводит все символы в верхний регистр;

• lowercase – переводит все символы в нижний регистр.

Сделаем заглавие первого уровня как в английском языке: все слова запишем с прописной буквы (рис. 8.13):

h1 {

text-transform: capitalize;

}

Рис. 8.13. Изменение регистра букв

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

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

Оглавление книги