Properti overflow CSS

Definisi dan Penggunaan

overflow Atribut menentukan apa yang terjadi saat konten melampaui kotak elemen.

Pengertian dan Penggunaan

Atribut ini menentukan bagaimana konten area kelebihan elemen akan ditangani. Jika nilai adalah scroll, perantara pengguna akan menyediakan mekanisme gulir, bahkan jika semuanya dapat disesuaikan ke dalam kotak elemen. Oleh karena itu, ada kemungkinan ada batang gulir yang muncul walaupun semua konten dapat disesuaikan ke dalam kotak elemen.

Lihat pula:

Panduan CSS:Posisi CSS

Panduan Referensi HTML DOM:Atribut overflow

Contoh

Mengatur atribut overflow:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

Coba sendiri

Syntax CSS

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

Nilai atribut

Nilai Deskripsi
visible Nilai default. Konten tidak disingkirkan dan akan muncul di luar kotak elemen.
hidden Konten disingkirkan, dan konten lainnya tidak dapat dilihat.
scroll Konten disingkirkan, tetapi browser akan menampilkan batang gulir untuk melihat konten lainnya.
auto Jika konten disingkirkan, browser akan menampilkan batang gulir untuk melihat konten lainnya.
inherit Ditetapkan bahwa nilai overflow harus diwariskan dari elemen orangtua.

Detil teknis

Nilai default: visible
Inheritance: no
Versi: CSS2
Syntax JavaScript: object.style.overflow="scroll"

Contoh lebih banyak

Bagaimana menggunakan batang gulir untuk menampilkan konten kelebihan di dalam elemen
Contoh ini menunjukkan bagaimana mengatur atribut overflow untuk menentukan tindakan yang relevan saat konten elemen terlalu besar untuk keluar dari area yang ditentukan.
Bagaimana menyembunyikan konten yang kelebihan di elemen kelebihan
Contoh ini menunjukkan bagaimana mengatur atribut overflow untuk menyembunyikan konten saat konten di dalam elemen terlalu besar untuk menyesuaikan area yang ditentukan.
Bagaimana mengatur browser untuk menghandle kelebihan secara otomatis
Contoh ini menunjukkan bagaimana mengatur browser untuk menghandle kelebihan secara otomatis.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0