属性 CSS overflow-y
- halaman sebelumnya overflow-x
- halaman berikutnya overscroll-behavior
Definisi dan penggunaan
overflow-y sifat menentukan sama ada kandungan atas/bawah di potong - jika kandungan melampaui kawasan elemen.
Pemberitahuan:Penggunaan overflow-x sifat untuk menentukan pemotongan kiri/kanan.
Panduan CSS:Luaran CSS
Panduan HTML DOM:overflowY sifat
Contoh
Potong kiri/kanan kandungan elemen div - jika kandungan melampaui kawasan elemen:
div overflow-y:hidden;
Buat script CSS
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
Nilai sifat
Nilai | Penerangan | Pengujian |
---|---|---|
terlihat | Jangan potong kandungan, mungkin akan dipaparkan di luar kotak kandungan. | Pengujian |
hidden | Potong kandungan - Jangan sediakan mekanisme gerak. | Pengujian |
scroll | Potong kandungan - Sediakan mekanisme gerak. | Pengujian |
auto | Jika terlalu banyak, maka seharusnya disediakan mekanisme gerak. | Pengujian |
no-display | Jika kandungan tidak sesuai dengan kotak kandungan, seluruh kotak akan dipadamkan. | Pengujian |
no-content | Jika kandungan tidak sesuai dengan kotak kandungan, seluruh kandungan akan disembunyikan. | Pengujian |
Perincian teknikal
Nilai lalai: | terlihat |
---|---|
Warisan: | tidak |
Versi: | CSS3 |
Buat script JavaScript: | object.style.overflowY="scroll" |
Dukungan pereka
Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.
Nombor dengan -ms- menunjukkan versi pertama yang menggunakan awalan.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
- halaman sebelumnya overflow-x
- halaman berikutnya overscroll-behavior