Курсы по LESS
Открыта запись на бесплатный пробный месяц! Жми для подробностей! →
13 of 313 menu
Бесплатный курс по Верстке. От новичка до продвинутого верстальщика! Мы уже начали, но можно присоединится! Жми для записи!

Свойство text-transform

Свойство text-transform устанавливает регистр символов текста: верхний регистр (заглавные буквы), нижний регистр (строчные маленькие буквы), может делать заглавной первую букву каждого слова.

Синтаксис

селектор { text-transform: capitalize | lowercase | uppercase | none; }

Значения

Значение Описание
capitalize Первый символ каждого слова в предложении будет заглавным.
lowercase Все символы текста переводятся в нижний регистр.
uppercase Все символы текста переводятся в ВЕРХНИЙ РЕГИСТР.
none Не меняет регистр символов.

Значение по умолчанию: none.

Пример . Значение capitalize

Сейчас первая буква каждого слова станет заглавной:

<p> Lorem ipsum dolor sit amet. </p> p { text-transform: capitalize; }

:

Пример . Значение uppercase

Сейчас все символы станут заглавными:

<p> Lorem ipsum dolor sit amet. </p> p { text-transform: uppercase; }

:

Пример . Значение lowercase

Сейчас все символы станут строчными (то есть маленькими, не заглавными):

<p> LOREM IPSUM DOLOR SIT AMET. </p> p { text-transform: lowercase; }

:

hisvdauzen