Свойство text-transform

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

Синтаксис

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

Значения

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

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

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

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

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

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

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

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

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

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

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: