Macam-Macam Overflow

Jika sedang membuat sebuah website, pasti sudah tak asing lagi dengan kata "overflow". Ya, properties yang sering digunakan untuk membuat website dengan beberapa kolom ini ternyata memiliki banyak value yang juga sering dipertanyakan.

Untuk apa? Apa perbedaan dari setiap valuenya? Disini sudah saya berikan contoh. Dan akan terlihat perbedaannya.

See the Pen JloLK by Dumet_School (@dumet_school) on CodePen.

Sudah terlihat jelas bukan?

Auto : Akan membuat scroll sesuai dengan ukuran height yang dibuat.

Scroll : Membuat scroll sesuai dengan ukuran height yang dibuat. Namun tak hanya scroll yang ada di samping. Tapi scroll akan nampak di bawah.

Hidden : Menyesuaikan dengan ukuran widht dan height tapi jika tulisan yang dimuat terlalu banyak akan terpotong (tidak ditampilkan).

Visible : Ini adalah overflow default. Jadi tidak akan membuat tulisan terpotong dan membuat tulisan bisa keluar dari garis border.

Mudah dipahami ya :) Semoga bermanfaat :)