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; } 

   Canlı Dene Kopyala

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; } 

   Canlı Dene Kopyala

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; } 

   Canlı Dene Kopyala

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; } 

   Canlı Dene Kopyala

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.