CSS overflow özelliği

Tanım ve kullanım

overflow İçerik element çerçevesini aşarsa neler olacağını belirler.

Açıklama

Bu özellik, sızma elementi içerik alanının nasıl işleneceğini tanımlar. Değer 'scroll' olduğunda, kullanıcı aracısı her zaman bir kaydırma mekanizması sağlar. Bu nedenle, element çerçevesi tüm içerikleri barındırabilecek olmasına rağmen, kaydırma çubuğu hala görünebilir.

Ayrıca bkz:

CSS eğitim:CSS konumlandırma

HTML DOM referans kitabı:Overflow özelliği

Örnek

Overflow özelliğini ayarlama:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

Kişisel olarak deneyin

CSS dilbilgisi

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

Özellik değeri

Değer Açıklama
görünür Varsayılan değer. İçerik kesilmez, element çerçevesi dışında görünür.
gizli İçerik kesilir ve geri kalan içerik görünmez.
kaydır İçerik kesilir, ancak tarayıcı, geri kalan içerik görüntülemek için kaydırma çubuğu görüntüler.
oto İçerik kesildiğinde, tarayıcı, geri kalan içerik görüntülemek için kaydırma çubuğu görüntüler.
devral Özellik, ebeveyn elementten overflow özelliğinin değerini devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: görünür
Devralabilirlik: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.overflow="scroll"

Daha fazla örnek

Nasıl kaydırma çubuğu kullanarak element içindeki sızan içerik gösterilir
Bu örnek, bir bileşenin içindeki içerik, belirlenen alanı aşarsa, nasıl overflow özelliğini kullanarak ilgili eylemi tanımlayacağınızı gösterir.
Nasıl sızma elementindeki sızan içerik gizlenir
Bu örnek, bir bileşenin içindeki içerik, belirlenen alanı uyumlu hale getiremeyince, overflow özelliğini nasıl kullanarak içeriğini gizleyeceğinizi gösterir.
Tarayıcıyı otomatik olarak sızma işlemlerini nasıl ele alır
Bu örnek, tarayıcının otomatik olarak sızma işlemlerini nasıl ele alacağını gösterir.

Tarayıcı desteği

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0