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

Управляет преобразованием текста элемента в заглавные или прописные символы.

CSS синтаксис

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

Возможные значения

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

Пример использования

Устанавливаем преобразование текста в различных элементах <p>


p.uppercase {
    text-transform: uppercase;
}

 p.lowercase {
    text-transform: lowercase;
}

 p.capitalize {
    text-transform: capitalize;
}