Свойство 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;
}
: