Решение
Для изменения всех букв на заглавные и других трансформаций текста используется свойство text-transform:

HTML:
<h1>Что такое XOOPS?</h1>
<p class="transform">
XOOPS - это динамический OO ...</p>

   

CSS:
.transform {
text-transform: uppercase;
}

Обратите внимание на текст на рис. 2.22.

Рис. 2.22. Использование свойства text-transform для вывода текста заглавными буквами

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

.transform {
text-transform: capitalize;
}

Данному свойству также можно присваивать следующие значения:
• lowercase (для отображения текста строчными буквами)
• none (отсутствие трансформаций, значение по умолчанию)

Рис. 2.23. Использование свойства text-transform для вывода каждого слова с большой буквы