Mida teeb overflow omadus CSS-is ja millal seda tuleks kasutada?

CSS-да overflow мүнөздөмөсү, элементтин чегинен чыккан мазмунду кантип иштетүү керек экенин аныктайт.

• visible: Мазмун толугу менен көрсөтүлөт, эгер ал контейнерден чыгып кетсе да.
• hidden: Контейнерден чыккан мазмун кысылып, көрүнбөйт.
• scroll: Ар дайым сүрүлүү тилкеси (гориозонтал жана вертикалдуу) көрсөтүлөт, мазмун чыкпаса да.
• auto: Мазмун чыкса гана сүрүлүү тилкеси пайда болот (керек болсо).

Колдонуу:

• Элементтин мазмуны (мисалы, текст же сүрөт) белгиленген өлчөмдөрдөн чоң болушу мүмкүн жана анын көрүнүшүн башкаруу керек болсо.
• Баракчада сүрүлүүчү аймактарды түзүү үчүн, мисалы, тизмелер, код блоктору же таблицалар үчүн.
• Нотушуучу мазмунду кесип алуу жана баштапкы макетти сактоо үчүн.

overflow: auto; колдонуу мисалы, чектелген бийиктиктеги блок үчүн:

.scrollable-block {
  height: 200px; /* Блоктун бийиктигин чектөө */
  overflow: auto; /* Мазмун чоң болсо сүрүлүү тилкелерин кошуу */
  border: 1px solid #ccc; /* Чек ара кошуу көрнөк үчүн */
  padding: 10px; /* Ички аралыктар */
}