УРОК 37 ИЗ 100

Преобразуйте регистр метки

Покажите метку прописными буквами, не изменяя HTML.

Официальный источникW3C CSS Text — text-transformПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

text-transform меняет отображение букв с учётом языка, но не переписывает текст документа. uppercase показывает буквы в верхнем регистре.

Правильный пример
.eyebrow { text-transform: uppercase; }

uppercase влияет на отображение, а исходный текст остаётся прежним.

Частая ошибка
.eyebrow { text-transform: capital; }

capital не является нужным CSS-значением; для каждого слова есть capitalize, а для всех букв — uppercase.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Дополните правило для .eyebrow: text-transform: uppercase.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Объявление text-transform использует значение uppercase.
  • Целевой элемент присутствует на странице.
Объясните логику решения

Селектор находит элемент, а объявление text-transform: uppercase применяет требуемое изменение.