CSS Overflow Komutu ile Taşan İçeriğin Düzenlenmesi

overflow özelliği, bir öğenin içeriği sınırlarını aştığında ne olacağını belirler. Bu özellik, içeriğin taşmasını kontrol etmek için kullanılır. İşte overflow özelliğinin kullanımı:

1. visible (Varsayılan):

   • İçeriğin sınırları dışına taşmasına izin verilir. Eğer içerik sınırları dışına taşıyorsa, diğer öğelerin üzerine çıkabilir.

   div {
     overflow: visible;
   }
   

2. hidden:

   • İçeriğin sınırları dışına taşmasına izin verilmez ve taşan kısmı keser. Taşan içerik görünmez olur.

   div {
     overflow: hidden;
   }
   

3. scroll:

   • İçeriğin sınırları dışına taşması durumunda bir kaydırma çubuğu eklenir, böylece kullanıcı taşan içeriği görebilir.

   div {
     overflow: scroll;
   }
   

4. auto:

   • İçeriğin sınırları dışına taşması durumunda otomatik olarak kaydırma çubuğu eklenir. Ancak, içerik taşmazsa kaydırma çubuğu görünmez olur.

   div {
     overflow: auto;
   }
   

Bu özelliklerle, bir öğenin içeriği sınırlarını aşması durumunda nasıl davranması gerektiğini belirleyebilir ve sayfa düzeninizi daha iyi kontrol edebilirsiniz.