CSS overflow-y özelliği

Tanım ve kullanım

overflow-y özelliği, içerik çerçevesinin yukarı/aşağı kenarlarını kesip kesilmeyeceğini belirler - Eğer öğenin içerik alanı yüzeysel çerçeveye çıkarsa.

İpucu:Kullanım overflow-x özellik, sol/sağ kenarları kesmeyi belirler.

CSS eğitimi:CSS yüzeysel

HTML DOM referans el kitabı:overflowY özelliği

Örnek

div öğesindeki içeriğin sol/sağ kenarlarını kes - Eğer öğenin içerik alanı yüzeysel çerçeveye çıkarsa:

div
{
overflow-y:hidden;
}

Kişisel olarak deneyin

CSS dilbilgisi

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Özellik değeri

Değer Açıklama Test
görünür İçeriği kesmez, içerik çubuğu dışında görünebilir. Test
gizli İçeriği kes - Kaydırma mekanizması sağlamaz. Test
scroll İçeriği kes - Kaydırma mekanizması sağlar. Test
auto Yüzeysel çerçeve, yüzeysel çerçeveye çıkarsa, kaydırma mekanizması sağlanmalıdır. Test
no-display İçerik, içerik çubuğuna sığmazsa, tüm çubuğu siler. Test
no-content İçerik, içerik çubuğuna sığmazsa, tüm içeriği gizler. Test

Teknik ayrıntılar

Öntanımlı değer: görünür
Mirasçılık: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.overflowY="scroll"

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

-(ms-) ile başlayan sayılar, önek kullanılan ilk sürümü ifade eder.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5