CSS overflow-x Özelliği

CSS overflow-x

Css overflow-x ile yatay eksende kaydırma çubuğunun gösterilip gösterilmemesini kontrol edebilirsiniz.

Örnek:

Bu örnekte bir div elemanına overflow-x:hidden değeri verilerek kaydırma çubuğunun çıkması engellenmiştir.

div { background-color: yellow; width: 150px; height: 150px; overflow-x: hidden; overflow-y: hidden; margin: 30px; }

CSS overflow-x nedir nasıl kullanılır

Boyutları belirlenen bir div elemanının içeriği kutu sınırlarına ulaştığında yatay kaydırma çubuğu kontrolleri için overflow-x özelliği kullanılır.

CSS overflow-x CSS overflow-x özellikleri  
Varsayılan Değer: visible  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS3  
JavaScript overflow-x: object.style.overflowX="scroll"

CSS overflow-x Tarayıcı Desteği

Tabloda gösterilen sayılar overflow-x özelliğini ilk destekleyen tarayıcı versiyonlarıdır.

CSS Kodu:
overflow-x 4.0 9.0 3.5 3.0 9.5

CSS overflow-x Değerleri

overflow-x: visible|hidden|scroll|auto|initial|inherit;
CSS overflow-x değerleri CSS overflow-x değerleri tanımları CSS örnek uygulamalar
visible İçeriğin taşan kısmı dışarıda görünür.
hidden Taşan içerik gizlenir.
scroll Yatay eksende de kaydırma çubuğu görüntülenir.
auto Yatay ve düşey eksende kaydırma çubuğu gösterilir.
initial Özelliğin varsayılan özelliğidir.
inherit Kalıtsal olarak aldığı değer uygulanır.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin