overflow-x
Properti overflow-x digunakan untuk menentukan apakah konten elemen harus terlihat, terpotong (disembunyikan), atau
akan menambahkan scroll bar horizontal atau tidak ketika konten meluap ke tepi kiri dan kanan elemen.
Konten meluap secara horizontal ketika elemen memiliki lebar yang ditentukan, dan berisi konten di dalamnya yang memiliki lebar yang lebih besar dari lebar elemen itu sendiri.
Properti overflow-x dapat mengambil salah satu dari empat nilai: visible (nilai default), hidden, scroll, dan
auto.
CSS Syntax
overflow-x: visible | hidden | scroll | auto | initial | inherit;
JavaScript Syntax
object.style.overflowX="scroll"
| Default value: | visible |
|---|---|
| Inherited: | tidak |
| Animatable: | tidak Read about animatable |
| Version: | CSS3 |
Attribute Value
default
overflow-x: visible;
Konten yang meluap terlihat, sedangkan elemen itu sendiri tetap pada lebar yang ditentukan.
overflow-x: hidden;
Konten yang meluap disembunyikan dan tidak dapat diakses.
overflow-x: scroll;
Konten yang melimpah dapat diakses berkat bilah gulir horizontal.
overflow-x: auto;
Browser memutuskan apakah akan menampilkan scrollbar horizontal atau tidak.