Contoh
Klip kiri / tepi kanan konten dalam <div> elemen - jika meluap area konten elemen:
div
{
overflow-x: hidden;
}
Cobalah sendiri " Definisi dan Penggunaan
Luapan-x properti menentukan apa yang harus dilakukan dengan kiri / kanan tepi konten - jika meluap area konten elemen.
Tip: Gunakan meluap-y properti untuk menentukan kliping di tepi atas dan bawah.
| nilai default: | visible |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.overflowX="scroll" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh -ms-, tentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8,0 -ms- | 3.5 | 3.0 | 9.5 |
CSS Syntax
overflow-x: visible|hidden|scroll|auto|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| visible | Konten tersebut tidak dipotong, dan mungkin diberikan di luar kotak konten | Mainkan " |
| hidden | Konten tersebut dipotong - dan tidak ada mekanisme bergulir yang disediakan | Mainkan " |
| scroll | Konten tersebut dipotong dan mekanisme bergulir disediakan | Mainkan " |
| auto | Harus menyebabkan mekanisme bergulir yang akan diberikan untuk meluap kotak | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
Referensi HTML DOM: overflowX property