Ko dara overflow īpašība CSS un kādos gadījumos to būtu jālieto?

CSS īpašība overflow nosaka, kā rīkoties ar saturu, kas pārsniedz elementa robežas.

• visible: Saturs tiek pilnībā parādīts, pat ja tas pārsniedz konteineru.
• hidden: Pārsniedzot konteineru, saturs tiek sagriezts un nav redzams.
• scroll: Vienmēr tiek rādītas ritjoslas (horizontālas un vertikālas), pat ja saturs nepārsniedz.
• auto: Ritjoslas parādās tikai tad, ja tas ir nepieciešams (kad saturs pārsniedz).

Lietošana:

• Kad elementa saturs (piemēram, teksts vai attēls) var būt lielāks par noteiktajiem izmēriem, un ir nepieciešams pārvaldīt tā parādīšanu.
• Lai izveidotu ritināmas zonas lapā, piemēram, sarakstiem, koda blokiem vai tabulām.
• Lai sagrieztu nevēlamo saturu, kas pārsniedz elementu, saglabājot sākotnējo izkārtojumu.

Piemērs overflow: auto; izmantošanai ar ierobežotu augstumu blokam:

.scrollable-block {
  height: 200px; /* Ierobežot bloka augstumu */
  overflow: auto; /* Pievienot ritjoslas, ja saturs ir lielāks */
  border: 1px solid #ccc; /* Pievienot rāmi redzamībai */
  padding: 10px; /* Iekšējais atstarpe */
}