Contoh
Gulir horizontal jika teks meluap area konten elemen:
document.getElementById("myDIV").style.overflowX = "scroll";
Cobalah sendiri " Definisi dan Penggunaan
Properti overflowX menentukan apa yang harus dilakukan dengan kiri / kanan tepi konten - jika itu meluap area konten elemen.
Tip: Gunakan overflowY properti untuk menentukan kliping di tepi atas dan bawah.
Dukungan Browser
Properti overflowX didukung di semua browser utama.
Note: Properti overflowX tidak bekerja dengan benar di IE8 dan sebelumnya.
Sintaksis
Kembali properti overflowX:
object .style.overflowX
Mengatur properti overflowX:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Nilai properti
Nilai | Deskripsi |
---|---|
visible | Konten tersebut tidak dipotong, dan mungkin akan diberikan di luar kotak konten |
hidden | Konten tersebut dipotong - dan tidak ada mekanisme bergulir yang disediakan |
scroll | Konten tersebut dipotong dan mekanisme bergulir disediakan |
auto | Harus menyebabkan mekanisme bergulir yang akan diberikan untuk meluap kotak |
initial | Set properti ini ke nilai default. Baca tentang awal |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
Nilai default: | terlihat |
---|---|
Kembali Nilai: | Sebuah String, yang mewakili meluap-x milik elemen |
CSS Versi | CSS3 |
Pages terkait
Referensi CSS: overflow-x property
<Style Object