Свойство text-transform

Задает регистр текста

text-transform: uppercase;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

text-transform: none;

Задает стандартный регистр для текста

<style>
.example-1 {
    text-transform: none;
}
</style>

<p class="example-1">Обычный текст</p>

Обычный текст

text-transform: uppercase;

Задает верхний регистр для текста (все буквы заглавные)

<style>
.example-2 {
    text-transform: uppercase;
}
</style>

<p class="example-2">Обычный текст</p>

Обычный текст

text-transform: lowercase;

Задает нижний регистр для текста (все буквы маленькие)

<style>
.example-3 {
    text-transform: lowercase;
}
</style>

<p class="example-3">Обычный текст</p>

Обычный текст

text-transform: capitalize;

Первая буква каждого слова будет заглавной

<style>
.example-4 {
    text-transform: capitalize;
}
</style>

<p class="example-4">Обычный текст</p>

Обычный текст

Читайте также

Обсуждение (1)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии


defoxx
Спасибо!