CodeBase | Frontend

⚙️ Что такое свойство text-transform в CSS и зачем оно используется?

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

➡️ Пример:

<div class="box">hello world</div>

<style>
  .box {
    font-size: 20px;
    text-transform: uppercase;
  }
</style>

🗣 В этом примере текст "hello world" будет отображён как HELLO WORLD.

Популярные значения:

• none — без изменений (по умолчанию)
• uppercase — все буквы заглавные
• lowercase — все буквы строчные
• capitalize — каждая первая буква слова заглавная

Полезно для заголовков, кнопок, меню и приведения текста к единому стилю.

CodeBase | Frontend | #CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

👍4❤2🔥2😁2

www.tgoop.com/codebase_frontend/901

495 viewsSep 10 at 07:38

⚙️ Что такое свойство text-transform в CSS и зачем оно используется?

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

➡️ Пример:

<div class="box">hello world</div>

<style>
  .box {
    font-size: 20px;
    text-transform: uppercase;
  }
</style>

• none — без изменений (по умолчанию)
• uppercase — все буквы заглавные
• lowercase — все буквы строчные
• capitalize — каждая первая буква слова заглавная