LECȚIA 27 DIN 100

Folosește o lățime procentuală

Folosește unitatea potrivită pentru o valoare adaptabilă.

Sursă oficialăW3C CSS Values — percentagesRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

Pentru width, procentul se calculează față de blocul de conținere și se adaptează la spațiul disponibil.

Exemplu corect
.progress-value { width: 75%; }

Unitatea descrie relația valorii cu contextul ei.

Greșeală frecventă
.progress-value { width: 75; }

Valoarea nenulă fără unitate nu exprimă lungimea sau proporția cerută.

PASUL 2 · APLICĂ

Exercițiul tău

Completează declarația cu valoarea și unitatea cerute.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

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 folosește valoarea și unitatea cerute.
  • Elementul țintă este prezent.
Explică-mi logica rezolvării

Proprietatea, numărul și unitatea formează împreună valoarea CSS validă.