Tool-You

CSS Text-Transform

Створіть правило text-transform з ключовим словом.

Вивід text-transform: none, uppercase, lowercase або capitalize. На відміну від Font-Weight: регістр, не жирність. На відміну від Letter-Spacing: без трекінгу. Скопіюйте правило в цій вкладці.

Зразок трансформованого тексту

text-transform: uppercase;

Що робить CSS Text-Transform

Вивід text-transform: none, uppercase, lowercase або capitalize. На відміну від Font-Weight: регістр, не жирність. На відміну від Letter-Spacing: без трекінгу. Скопіюйте правило в цій вкладці.

CSS Text-Transform навмисно в групі Дизайн. Це не CSS Font-Weight (Створіть правило font-weight 100–900.) і не CSS Letter-Spacing (Створіть правило letter-spacing у em.). Відкривайте сторінку, коли потрібно: Створіть правило text-transform з ключовим словом. Чуже завдання через CSS Text-Transform дасть хибний результат.

Як користуватися CSS Text-Transform

  1. Для цього дизайнерського завдання — CSS Text-Transform (css text transform). CSS Font-Weight поряд (Створіть правило font-weight 100–900.), але це не те саме.
  2. Додайте тип файлу, який приймає CSS Text-Transform. Підказка шляху: css text transform. Створіть правило text-transform з ключовим словом.
  3. Налаштуйте лише опції CSS Text-Transform. CSS Letter-Spacing — інше завдання (Створіть правило letter-spacing у em.). Примітка: Вивід text-transform: none, uppercase, lowercase або capitalize. На відміну від Font-Weight: регістр, не жирність. На відміну від Letter-Spacing: без трекінгу. Скопіюйте правило в цій вкладці.
  4. Запустіть CSS Text-Transform у цій вкладці. Ліміт пам’яті браузера: none, uppercase, lowercase або capitalize. Лише CSS. Копируйте в цій карточке.
  5. Завантажте або скопіюйте результат CSS Text-Transform. Інша задача — відкрийте CSS Font-Weight.

Коли не варто використовувати CSS Text-Transform

Не використовуйте CSS Text-Transform, якщо сусідній інструмент кращий — CSS Font-Weight або CSS Letter-Spacing — або опис уже попереджає про збій. Слова інструмента: Вивід text-transform: none, uppercase, lowercase або capitalize. На відміну від Font-Weight: регістр, не жирність. На відміну від Letter-Spacing: без трекінгу. Скопіюйте правило в цій вкладці.

Питання про CSS Text-Transform

Чим CSS Text-Transform відрізняється від інших сторінок Дизайн на сайті?
Вивід text-transform: none, uppercase, lowercase або capitalize. На відміну від Font-Weight: регістр, не жирність. На відміну від Letter-Spacing: без трекінгу. Скопіюйте правило в цій вкладці. Коротко: Створіть правило text-transform з ключовим словом.
Чи надсилає CSS Text-Transform файл або текст на сервери Tool-You?
Ні. CSS Text-Transform працює в цій вкладці. Файли лишаються на пристрої. Ліміт: none, uppercase, lowercase або capitalize. Лише CSS. Копируйте в цій карточке.
Чи варто брати CSS Font-Weight замість CSS Text-Transform?
CSS Text-Transform — коли потрібно Створіть правило text-transform з ключовим словом. CSS Font-Weight — коли потрібно Створіть правило font-weight 100–900. Категорія одна (Дизайн), задача інша.
Які обмеження в CSS Text-Transform?
none, uppercase, lowercase або capitalize. Лише CSS. Копируйте в цій карточке. Також: Вивід text-transform: none, uppercase, lowercase або capitalize. На відміну від Font-Weight: регістр, не жирність. На відміну від Letter-Spacing: без трекінгу. Скопіюйте правило в цій вкладці.

Пов’язані інструменти