.eyebrow { text-transform: uppercase; }uppercase afectează prezentarea, iar textul sursă rămâne neschimbat.
LECȚIA 37 DIN 100
Transformă vizual o etichetă
Afișează o etichetă cu litere mari fără a modifica HTML-ul.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
text-transform schimbă prezentarea literelor pe baza regulilor limbii, dar nu rescrie textul din document. uppercase transformă literele în majuscule la afișare.
.eyebrow { text-transform: capital; }capital nu este valoarea CSS cerută; pentru fiecare cuvânt există capitalize, iar pentru toate literele — uppercase.
PASUL 2 · APLICĂ
Exercițiul tău
Completează regula pentru .eyebrow cu text-transform: uppercase.
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Declarația text-transform folosește valoarea uppercase.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
Selectorul identifică elementul, iar declarația text-transform: uppercase aplică exact schimbarea cerută.