Atribut overflow Style
- Hal Sebelumnya outlineWidth
- Hal Berikutnya overflowX
- Kembali ke Lapisan Atas Objek Style HTML DOM
Definisi dan penggunaan
overflow
Penetapan atribut atau pengembalian cara menangani konten yang muncul di luar kotak elemen.
Petunjuk:Untuk menyembunyikan batang gulir seluruh dokumen, gunakan atribut overflow elemen body atau html.
Lihat juga:
Panduan CSS:Kecelakaan CSS
Panduan CSS:Pemosisi CSS
Panduan CSS:Atribut overflow
Contoh
Contoh 1
Gunakan atribut overflow untuk menggulir konten yang melampaui:
document.getElementById("myDIV").style.overflow = "scroll";
Contoh 2
Gunakan atribut overflow untuk menyembunyikan konten yang melampaui:
document.getElementById("myDiv").style.overflow = "hidden";
Contoh 3
Kembalikan atribut overflow:
alert(document.getElementById("myDiv").style.overflow);
Sintaks
Kembalikan atribut overflow:
objek.style.overflow
Atur atribut overflow:
objek.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
visible | Konten tidak dipotong, mungkin muncul di luar kotak elemen. Baku. |
hidden | Tidak menampilkan konten di luar kotak elemen. |
scroll | Tambahkan batang gulir dan potong konten diperlukan. |
auto | Pemotongan konten diperlukan dan tambahkan batang gulir. |
initial | Atur atribut ini ke nilai baku. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai baku: | visible |
---|---|
Nilai balik: | String, menunjukkan konten yang di-render di luar kotak elemen. |
Versi CSS: | CSS2 |
Pemilik Peramban
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
- Hal Sebelumnya outlineWidth
- Hal Berikutnya overflowX
- Kembali ke Lapisan Atas Objek Style HTML DOM