CSS Overflow. CSS Layout - Overflow. Proprietatea overflow.

CSS Layout - Overflow

Proprietatea CSS overflow controlează ce se întâmplă cu conținutul prea mare pentru a se încadra într-o zonă.



CSS Overflow

Proprietatea de overflow specifică dacă trebuie să decupați conținutul sau să adăugați bare de defilare atunci când conținutul unui element este prea mare pentru a se încadra în zona specificată.

Proprietatea de overflow are următoarele valori:
 
  • visible (vizibil) - implicit. Depășirea nu este tăiată. Conținutul este redat în afara casetei elementului.
  • hidden (ascuns) - preaplinul este tăiat, iar restul conținutului va fi invizibil.
  • scroll (defilare) - overflow-ul este tăiat și este adăugată o bară de defilare pentru a vedea restul conținutului.
  • auto - Similar cu defilarea, dar adaugă bare de defilare doar atunci când este necesar.

Notă: Proprietatea de overflow funcționează numai pentru elementele de block cu o înălțime specificată.

Notă: În OS X Lion (pe Mac), barele de defilare sunt ascunse în mod implicit și sunt afișate doar atunci când sunt utilizate (chiar dacă „overflow: scroll” este setat).