🤔 Какое свойство используется для перевода текста в заглавные/строчные буквы?

Используется свойство text-transform. Это свойство управляет преобразованием текста и может принимать несколько значений для изменения регистра букв.

🚩Значения свойства

🟠none
Оставляет текст в его первоначальном виде, без преобразований.

p {
    text-transform: none;
}   

🟠capitalize
Преобразует первую букву каждого слова в заглавную.

p {
    text-transform: capitalize;
}   

🟠uppercase
Преобразует все буквы текста в заглавные.

p {
    text-transform: uppercase;
}   

🟠lowercase
Преобразует все буквы текста в строчные.

p {
    text-transform: lowercase;
}   

🚩Примеры использования

🟠Преобразование текста в заглавные буквы

.uppercase {
    text-transform: uppercase;
}

<p class="uppercase">Этот текст будет заглавными буквами.</p>

🟠Преобразование текста в строчные буквы

.lowercase {
    text-transform: lowercase;
}

<p class="lowercase">ЭТОТ ТЕКСТ БУДЕТ СТРОЧНЫМИ БУКВАМИ.</p>

🟠Преобразование первой буквы каждого слова в заглавную

.capitalize {
    text-transform: capitalize;
}

<p class="capitalize">этот текст будет с заглавными буквами у каждого слова.</p>

🟠Отсутствие преобразований

.none {
    text-transform: none;
}

<p class="none">Этот текст останется в исходном виде.</p>

Ставь 👍 и забирай 📚 Базу знаний