CSS'da overflow xususiyati nima qiladi va qachon ishlatilishi kerak?

CSSda overflow xususiyati, elementning chegaralaridan tashqariga chiqadigan mazmun bilan qanday ishlashni belgilaydi.

• visible: Mazmun to'liq ko'rsatiladi, hatto u konteynerdan tashqarida bo'lsa ham.
• hidden: Konteynerdan tashqarida bo'lgan mazmun kesiladi va ko'rinmaydi.
• scroll: Har doim skroll paneli (gorizontal va vertikal) ko'rsatiladi, hatto mazmun tashqarida bo'lmasa ham.
• auto: Mazmun tashqariga chiqsa, faqat kerak bo'lsa skroll paneli paydo bo'ladi.

Foydalanishi:

• Elementning mazmuni (masalan, matn yoki rasm) belgilangan o'lchamlardan katta bo'lishi mumkin va uning ko'rsatilishini boshqarish zarur bo'lsa.
• Sahifa ichida skroll qilinadigan hududlar yaratish uchun, masalan, ro'yxatlar, kod bloklari yoki jadval uchun.
• Nomaqbul mazmunni, elementdan tashqariga chiqadigan, kesib tashlash va asl maketni saqlash uchun.

overflow: auto; ni cheklangan balandlikka ega blok uchun misol:

.scrollable-block {
  height: 200px; /* Blokning balandligini cheklash */
  overflow: auto; /* Mazmun katta bo'lsa, skroll paneli qo'shish */
  border: 1px solid #ccc; /* Ko'rinish uchun chegarani qo'shish */
  padding: 10px; /* Ichki bo'shliq */
}