tutorial pengembangan web terbaru
 

Style overflow Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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