text-transform
Меняет регистр букв при отображении.
Синтаксис
text-transform: value;Значения
| Параметр | Тип | Описание |
|---|---|---|
| uppercase | keyword | ВСЕ ПРОПИСНЫЕ. |
| lowercase | keyword | все строчные. |
| capitalize | keyword | Каждое Слово С Прописной. |
| none | keyword | Как написано в HTML. |
Примеры
Три преобразования:
<p style="text-transform: uppercase;">uppercase letters</p>
<p style="text-transform: lowercase;">LOWERCASE LETTERS</p>
<p style="text-transform: capitalize;">every word capitalized</p>Примечания
Текст в HTML не меняется: копируется и озвучивается экранными чтецами он таким, как написан. Поэтому пишите заголовки обычным образом, а прописными их делайте через CSS.
См. также
- letter-spacing — Дополнительное расстояние между буквами.
- font-weight — Насыщенность (жирность) шрифта.
Вопросы и ответы по теме
В учебнике
- Текст и шрифты — Шрифт, размер, жирность, курсив, высота строки, выравнивание и оформление текста, подключение своего шрифта.