CSS overflow-y Properti

Sebelumnya _ Referensi CSS Lengkap Selanjutnya _

Contoh

Tampilkan nilai properti overflow-y yang berbeda:

div.ex1 {
overflow-y: scroll;
}

div.ex2 {
  overflow-y: hidden;
}

div.ex3 {
  overflow-y: auto;
}

div.ex4 {
  overflow-y: visible;
}

Definisi dan Penggunaan

Properti overflow-ymenentukan apakah akan memotong konten, menambahkan bilah gulir, atau menampilkan konten melimpah dari elemen tingkat blok, saat meluap di tepi atas dan bawah.

Tip: Gunakan properti overflow-x untuk menentukan kliping di tepi kiri dan kanan.

Nilai bawaan:	terlihat
Diwarisi:	tidak
Animasi:	tidak. Baca tentang animasi
Versi: kapan:	CSS3
Sintaks JavaScript:	objek .style.overflowY="gulir"

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Angka diikuti dengan -ms-, tentukan versi pertama yang bekerja dengan awalan.

Property
overflow-y	4.0	9.0 8.0 -ms-	1.5	3.0	9.5

Sintaks CSS

Nilai properti

Value	Description	Play it
visible	The content is not clipped, and it may be rendered outside the content box. This is default
hidden	The content is clipped - and no scrolling mechanism is provided
scroll	The content is clipped and a scrolling mechanism is provided
auto	Should cause a scrolling mechanism to be provided for overflowing boxes
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Halaman Terkait

Tutorial CSS: CSS Overflow

Referensi HTML DOM: properti overflowY