CSS overflow 属性

Definisi dan penggunaan

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

Pengertian dan penggunaan

Properti ini menentukan bagaimana konten area ekspansi elemen akan ditangani. Jika nilai adalah scroll, perantara pengguna akan menyediakan mekanisme penarikan, sehingga mungkin ada scrollbar walaupun semua konten dapat disesuaikan di dalam kotak elemen.

Lihat juga:

Panduan pelajaran CSS:Posisi CSS

Panduan Referensi HTML DOM:Properti overflow

Contoh

Atur properti overflow:

div
  {
  lebar:150px;
  tinggi:150px;
  overflow:scroll;
  }

Coba sendiri

Syarat CSS

overflow: visible|tersembunyi|potong|scroll|auto|awal|mewarisi;

Nilai properti

Nilai Deskripsi
terlihat Nilai default. Konten tidak akan disingkat, akan muncul di luar kotak elemen.
tersembunyi Konten akan disingkat, dan konten sisanya tidak akan terlihat.
scroll Konten akan disingkat, tetapi browser akan menampilkan scrollbar untuk melihat konten sisanya.
auto Jika konten disingkat, browser akan menampilkan scrollbar untuk melihat konten sisanya.
mewarisi Ditetapkan supaya nilai properti overflow disesuaikan dari elemen induk.

Detil teknis

Nilai default: terlihat
Inheritsi: tidak
Versi: CSS2
Syarat JavaScript: object.style.overflow="scroll"

Contoh lainnya

Bagaimana menggunakan scrollbar untuk menampilkan konten kelebihan dalam elemen
Contoh ini menunjukkan bagaimana mengatur properti overflow untuk menentukan tindakan yang relevan saat konten elemen terlalu besar sehingga melampaui area yang ditentukan.
Bagaimana menyembunyikan konten yang kelebihan dalam elemen kelebihan
Contoh ini menunjukkan bagaimana mengatur properti overflow untuk menyembunyikan konten saat konten dalam elemen terlalu besar sehingga tidak dapat menyesuaikan dengan area yang ditentukan.
Bagaimana mengatur browser untuk menghadapi kelebihan secara otomatis
Contoh ini menunjukkan bagaimana mengatur browser untuk menghadapi kelebihan.

Dukungan browser

Angka dalam tabel menunjukkan versi pertama browser yang mendukung properti ini penuhnya.

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