Style overflow özelliği

Tanım ve Kullanım

overflow Özellik ayarları veya element çerçevesi dışında görünen içeriği nasıl işleyeceğinizi döndürür.

İpucu：Tüm belgenin kaydırma çubuğunu gizlemek istiyorsanız, body veya html elementinin overflow özelliğini kullanın.

Ayrıca bakınız：

CSS Eğitimi：CSS Taşırma

CSS Eğitimi：CSS Konumlandırma

CSS Kaynak Kılavuzu：Overflow özelliği

Örnek

Örnek 1

Overflow özelliğini kullanarak aşırı içeriği kaydırma：

document.getElementById("myDIV").style.overflow = "scroll";

Kişisel olarak deneyin

Örnek 2

Overflow özelliğini kullanarak aşırı içeriği gizleme：

document.getElementById("myDiv").style.overflow = "gizlenmiş";

Kişisel olarak deneyin

Örnek 3

Overflow özelliğini döndürür：

alert(document.getElementById("myDiv").style.overflow);

Kişisel olarak deneyin

Sözdizimi

Overflow özelliğini döndürür：

nesne.style.overflow

Overflow özelliğini ayarla：

nesne.style.overflow = "görünür|gizlenmiş|scroll|auto|initial|inherit"

Özellik değeri

Değer Açıklama
görünür İçerik kesilmez, element çerçevesi dışında görünebilir. Öntanımlı.
gizlenmiş Element çerçevesi dışındaki içeriği göstermez.
scroll Gerekirse içeriği kesip kaydırma çubuğu ekler.
auto Gerekirse içeriği kesip kaydırma çubuğu ekler.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer： görünür
Dönüş değeri： Dize, element çerçevesi dışında render edilen içeriği belirtir.
CSS Sürümü： CSS2

Tarayıcı destekler

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek