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

Bu blogdaki popüler yayınlar

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

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek