Как сделать текст капсом в css

Чтобы сделать текст в CSS в капсе, можно использовать свойство text-transform и установить для него значение uppercase. Вот пример стилей:

.uppercase {
  text-transform: uppercase;
}

Вы можете использовать этот класс для любого элемента на странице, который нужно перевести в капс. Например:

<p class="uppercase">этот текст будет капсом</p>

Теперь этот текст будет отображаться в ВЕРХНЕМ РЕГИСТРЕ. Также можно использовать значение lowercase для перевода текста в нижний регистр и значение capitalize для того, чтобы первую букву каждого слова сделать заглавной.

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}