Text transform uppercase css что это?

Да, мне именно оформление, сами данные менять не нужно.

Для визуального отображения заглавными буквами используйте text-transform: uppercase. Например, .label { text-transform: uppercase; } покажет содержимое выбранного элемента в верхнем регистре, сохранив обычное написание в исходном HTML. Это удобно для коротких подписей и элементов интерфейса, когда оформление требует прописных букв, а данные не нужно менять.

Причина, почему свойство подходит именно здесь, состоит в разделении текста и его представления. CSS меняет отображение. Если требуется привести к верхнему регистру отправляемое значение поля или строку, которую обрабатывает программа, это уже операция над данными. Не рассчитывайте, что один визуальный стиль нормализует содержимое формы перед отправкой.

У свойства есть и другие значения. Lowercase показывает строчные буквы, capitalize преобразует начало каждого слова по правилам реализации, а none отменяет преобразование. Capitalize не является универсальным редактором заголовков и не решает языковые правила оформления названий.

Text-transform наследуется, поэтому вложенная надпись может получить тот же режим. Если ей нужно сохранить обычный вид, задайте text-transform: none на соответствующем элементе. Преобразование учитывает язык текста, поэтому для многоязычной страницы задавайте подходящий lang и проверяйте специфичные для языка буквы.

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