Stil taşması Özellik
Örnek
Taşan içeriği kaydırmak için taşma özelliğini kullanın:
document.getElementById("myDIV").style.overflow = "scroll";
Tanım ve Kullanım
Taşma özelliği, öğe kutusunun dışında işlenen içerikle ne yapılacağını ayarlar veya döndürür.
İpucu: Tüm belgenin kaydırma çubuklarını gizlemek istiyorsanız, gövde veya html öğesindeki taşma özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Taşma özelliğini döndürün:
object.style.overflow
Taşma özelliğini ayarlayın:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | görünür |
---|---|
Geri dönüş değeri: | Öğe kutusunun dışında oluşturulan içeriği temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Taşan içeriği gizlemek için taşma özelliğini kullanın:
document.getElementById("myDiv").style.overflow = "hidden";
Örnek
Taşma özelliğini döndürün:
alert(document.getElementById("myDiv").style.overflow);
İlgili Sayfalar
CSS eğitimi: CSS Taşması
CSS eğitimi: CSS Konumlandırma
CSS referansı: taşma özelliği
❮ Stil Nesnesi