CSS overflow-y Özelliği

CSS overflow-y

Css overflow-y ile düşey eksende kaydırma çubuğunun gösterilip gösterilmemesini kontrol edebilirsiniz.

Örnek:

Bu örnekte overflow-y:visible;değeri girildiğinde içerik taştığı zaman düşey kaydırma çubuğu çıkacaktır.

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

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

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

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

CSS overflow-y Tarayıcı Desteği

Tabloda gösterilen sayılar overflow-y özelliğini ilk destekleyen tarayıcı versiyonlarını göstermektedir.

CSS Kodu:
overflow-y 4.0 9.0 3.5 3.0 9.5

CSS overflow-y Değerleri

overflow-y: visible|hidden|scroll|auto|initial|inherit;

CSS overflow-y özelliği değerleri

CSS overflow-y değerleri CSS overflow-y değerleri tanımları CSS örnek uygulamalar
visible Kaydırma çubuğu görünür.
hidden Kaydırma çubuğu gizlenir.
scroll Kaydırma çubuğu görünür.
auto Kaydırma çubuğu görüntülenir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değeri kullanır.  

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

Javascript ile neler yapılabilir

HTML strong Etiketi

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

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

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS align-self özelliği

HTML5 Canvas Oyun Yapımı Dersleri