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

Синтаксис

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

Значения

Значение Описание
capitalize Первый символ каждого слова в предложении будет заглавным.
lowercase Все символы текста переводятся в нижний регистр.
uppercase Все символы текста переводятся в верхний регистр.
none Не меняет регистр символов.
inherit Наследует значение родителя.

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

Примеры

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

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

p {
	text-transform: capitalize;
}

Результат выполнения кода:

lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean a dapibus magna, ac interdum nisl. suspendisse eget fringilla nibh, eu commodo arcu. donec lacinia tempor velit sed tincidunt. aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

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

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

p {
	text-transform: uppercase;
}

Результат выполнения кода:

lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean a dapibus magna, ac interdum nisl. suspendisse eget fringilla nibh, eu commodo arcu. donec lacinia tempor velit sed tincidunt. aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

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

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

p {
	text-transform: lowercase;
}

Результат выполнения кода:

LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. AENEAN A DAPIBUS MAGNA, AC INTERDUM NISL. SUSPENDISSE EGET FRINGILLA NIBH, EU COMMODO ARCU. DONEC LACINIA TEMPOR VELIT SED TINCIDUNT. ALIQUAM PORTTITOR NULLA PURUS, VEL VULPUTATE IPSUM FAUCIBUS SED. PHASELLUS SODALES, LOREM VEL CURSUS VEHICULA, ANTE PURUS LACINIA DUI, INTERDUM FRINGILLA MASSA EROS UT DUI.