Contoh
Klip bagian atas / tepi bawah konten dalam <div> elemen - jika meluap area konten elemen:
div
{
overflow-y: hidden;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti overflow-y menentukan apa yang harus dilakukan dengan bagian atas / bawah tepi konten - jika meluap area konten elemen.
Tip: Gunakan meluap-x properti untuk menentukan kliping di tepi kiri dan kanan.
| nilai default: | visible |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.overflowY="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-y | 4.0 | 9.0 8,0 -ms- | 3.5 | 3.0 | 9.5 |
CSS Syntax
overflow-y: visible|hidden|scroll|auto|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| visible | nilai default. 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: overflowY property