Hallo teman teman pada kesempatan kali ini disini mau sharing tentang properties overflow pada css , fungsinya overflow itu untuk mengelola isi dari sebuah konten yang kita buat , apakah yang akan dilakukan jika isi dari konten itu penuh , overflow terbagi menjadi 5 value , value yang akan dijelaskan disini yaitu Hidden , Auto , Scroll dan display . oke cekidot ini penjelasannya :

OVERFLOW : HIDDEN

Overflow hidden yaitu seperti contoh gambar di atas dia tidak akan menmpilkan isi dari konten yang lebih da nisi yang konten lebih tersebut akan disembunyikan.

Pengertian Overflow pada CSS3

OVERFLOW : AUTO

Overflow auto disini yaitu isi konten yang lebih bisa kita lihat ke bawah dengan menekan scroll ke bawah , perbedaan dengan overflow scroll akan di jelaskan di bawah ini.

Pengertian Overflow pada CSS3

OVERFLOW : SCROLL

Overflow scroll di bawah ini yaitu sama hal nya dengan overflow auto tetapi perbedaannya yaitu bisa melihat isi konten yang lebih secara horizontal dan vertical bisa kita lihat dibagian bawah ada scroll horizontal untuk melihat isi konten yang lebih secara horizontal.

Pengertian Overflow pada CSS3

OVERFLOW : DISPLAY

Overflow Display dibawah ini seperti gambar di atas fungsi nya , jadi isi konten yang lebih akan memaksa untuk keluar konten , sepertinya untuk memakai ini akan berantakan , sebaiknya kita tidak anjurkan untuk menggunakan fungsi overflow display ini.

Pengertian Overflow pada CSS3

Okee itu penjelasan sedikit tentang properties overflow , semoga bermanfaat 🙂