Свойство text-transform в CSS

Определение и использование

Атрибут text-transform контролирует регистр текста.

Описание

Этот атрибут изменяет регистр букв в элементе, независимо от регистра букв в исходном документе. Если значение равно "capitalize", то некоторые буквы должны быть заглавными, но как определить, какие буквы должны быть заглавными, не明确规定， это зависит от того, как пользовательский агент определяет "слова".

См. также:

CSS учебник:Текст в CSS

HTML DOM справочник:Атрибут textTransform

Пример

Преобразование текста в различных элементах:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Попробуйте сами

Подсказки и комментарии

Комментарий:Разные пользователи могут использовать различные методы для определения того, с какой буквы начинается слово, и определять, какие буквы должны быть заглавными. Например, текст "w3-school" может быть показан двумя способами: "W3-school" и "W3-School". CSS не определяет,哪种 способ правильный, поэтому оба возможны.

CSS грамматика

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

Значение атрибута

Значение Описание
нет По умолчанию. Определяет стандартный текст с混еднением строчных и заглавных букв.
capitalize Каждое слово в тексте начинается с заглавной буквы.
uppercase Определяет, что все буквы должны быть заглавными.
lowercase Определяет, что все буквы должны быть строчными.
inherit Определяет, должны ли значения text-transform наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: нет
Инheritability: да
Версия: CSS1
JavaScript грамматика: object

Более примеров

Контроль регистра букв в тексте
Этот пример демонстрирует, как можно контролировать регистр букв в тексте.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0