Свойства CSS

Меню

text-transform

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

12.0+ 4.0+ 1.0+ 1.0+ 7.0+ 1.0+

Описание

CSS свойство text-transform контролирует использование строчных и прописных букв в тексте. Оно позволяет весь текст сделать написанным заглавными буквами или строчными. С помощью свойства text-transform можно сделать так, чтобы каждое слово в тексте начиналось с заглавной буквы.

Значение по умолчанию: none
Применяется: ко всем элементам, а также к псевдо-элементам ::first-letter и ::first-line
Анимируется: нет
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.textTransform="uppercase"

Синтаксис

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

Значения свойства

Значение Описание
none Текст отображается без изменений.
capitalize Переделывает первую букву каждого слова в прописную.
uppercase Переделывает все символы в прописные.
lowercase Переделывает все символы в строчные.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
text-transform:
Результат:

Text-Transform

Пример демонстрирует разницу между значениями свойства.

CSS Код:
div {
text-transform: none;
}
Кликните на любое значение свойства, чтобы увидеть результат