Contoh
Gunakan properti overflow untuk menggulir konten meluap:
document.getElementById("myDIV").style.overflow = "scroll";
Cobalah sendiri " Definisi dan Penggunaan
Luapan set properti atau kembali apa yang harus dilakukan dengan konten yang membuat luar kotak elemen.
Tip: Jika Anda ingin menyembunyikan scrollbar dari seluruh dokumen, menggunakan properti overflow pada tubuh atau elemen html.
Dukungan Browser
Properti overflow didukung di semua browser utama.
Sintaksis
Kembali properti overflow:
object .style.overflow
Mengatur properti overflow:
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
Nilai properti
Nilai | Deskripsi |
---|---|
visible | Konten TIDAK dipotong dan dapat ditampilkan luar kotak elemen. Ini adalah default |
hidden | Konten luar kotak elemen tidak ditampilkan |
scroll | scroll bar ditambahkan, dan konten terpotong bila diperlukan |
auto | Konten terpotong dan scroll bar ditambahkan jika diperlukan |
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 konten yang membuat luar kotak elemen |
CSS Versi | CSS2 |
Contoh lebih
Contoh
Gunakan properti overflow untuk menyembunyikan konten meluap:
document.getElementById("myDiv").style.overflow = "hidden";
Cobalah sendiri " Contoh
Kembali properti overflow:
alert(document.getElementById("myDiv").style.overflow);
Cobalah sendiri " Pages terkait
CSS tutorial: CSS Positioning
Referensi CSS: overflow property
<Style Object