Чтобы отобразить весь текст заглавными буквами с помощью CSS, вы можете использовать свойство text-transformсо значением uppercase. Вот пример:
.uppercase-text {
text-transform: uppercase;
}
Чтобы применить этот стиль ко всему тексту на веб-странице, вы можете настроить таргетинг на элемент body:
body {
text-transform: uppercase;
}
В качестве альтернативы, если вы хотите настроить таргетинг на определенные элементы, вы можете использовать соответствующие селекторы. Например, чтобы применить стиль верхнего регистра ко всем заголовкам (от h1до h6), вы можете сделать следующее:
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
}
Если вы хотите, чтобы заглавными буквами были только первые буквы каждого слова, вы можете использовать вместо этого значение capitalize:
.capitalize-text {
text-transform: capitalize;
}
При этом первая буква каждого слова будет написана с заглавной буквы, а остальной текст останется строчным.