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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

HTML strong Etiketi

Javascript ile neler yapılabilir

HTML5 Canvas Oyun Yapımı Dersleri

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

Kriptopara nasıl alınır ve nereden alınır?

HTML nav Etiketi