CSS overflow-x özelliği

Tanım ve kullanım

overflow-x özelliği, içeriğin sol/sağ kenarlarını kesip kesilmeyeceğini belirler - Eğer element içeriği aşırıya çıksa.

İpucu:Kullanım overflow-y özellik, yukarı/aşağı kenarları kesmeyi belirler.

CSS eğitimi:CSS aşırıya çıkma

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

Örnek

div elementinin içeriğinin sol/sağ kenarlarını kesmek - Eğer element içeriği aşırıya çıksa:

div
{
overflow-x:hidden;
}

Deneyin

CSS dilbilgisi

overflow-x: 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 kutusu dışında görünebilir. Test
hidden İçeriği kesmek - Kaydırma mekanizması sağlamamak. Test
scroll İçeriği kesmek - Kaydırma mekanizması sağlamak. Test
auto Aşırıya çıkarsa, kaydırma mekanizması sağlanmalıdır. Test
no-display İçerik kutusuna uymazsa, tüm kutuyu silmek için. Test
no-content İçerik kutusuna uymazsa, tüm içeriği gizlemek için. Test

Teknik ayrıntılar

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

Tarayıcı desteği

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

Ön ekli olan sayıları ilk sürüm olarak kullanmak için -ms- ile belirtilmiştir.

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