Properti overflow-y CSS

Definisi dan penggunaan

overflow-y 属性 menentukan apakah konten atas/bawah akan dipotong - jika konten melebihi area elemen.

Petunjuk:Pakai overflow-x atur untuk menentukan pengpotongan bagian kiri/kanan.

Panduan CSS:Keterbatasan CSS

Panduan Referensi DOM HTML:overflowY 属性

Contoh

Potong bagian kiri/kanan konten elemen div - jika konten melebihi area elemen:

div
{
overflow-y:hidden;
}

Coba sendiri

Grammar CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Nilai atribut

Nilai Deskripsi pengujian
terlihat Tidak memotong konten, mungkin akan terlihat di luar kotak konten. pengujian
hidden Potong konten - Tidak menyediakan mekanisme geser. pengujian
scroll Potong konten - Menyediakan mekanisme geser. pengujian
auto Jika terjadi kelebihan, perlu disediakan mekanisme geser. pengujian
no-display Jika konten tidak sesuai dengan kotak konten, seluruh kotak akan dihapus. pengujian
no-content Jika konten tidak sesuai dengan kotak konten, seluruh konten akan disembunyikan. pengujian

detil teknis

Nilai standar: terlihat
Inheritance: tidak
Versi: CSS3
Grammar JavaScript: object.style.overflowY="scroll"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Angka yang diikuti -ms- menunjukkan versi pertama yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5