Оглавление

Вывод текста заглавными буквами с помощью CSS

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

 

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

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


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

 

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

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

 

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


.transform {
text-transform: capitalize;
}

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

 

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

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

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити