1. Apakah nilai default dari overflow?
- hidden
- scroll
- auto
- Semua jawaban salah
Pembahasan: Overflow memiliki nilai default visible, yakni konten yang melebihi container dibiarkan terlihat keluar.
2. Apa perbedaan nilai overflow: auto dengan overflow: scroll?
- Nilai auto akan selalu menampilkan scrollbar walaupun konten tidak melebihi container, sedangkan nilai scroll hanya menampilkan scrollbar jika konten melebihi container
- Nilai auto hanya menampilkan scrollbar jika konten melebihi container, sedangkan nilai scroll selalu menampilkan scrollbar walaupun konten tidak melebihi kontainer
- Nilai scroll menampilkan vertical scrollbar, sedangkan nilai auto menampilkan horizontal scrollbar
- Nilai scroll menampilkan horizontal scrollbar, sedangkan nilai auto menampilkan vertikal scrollbar
Pembahasan: Perbedaan paling menonjol dari kedua property ini adalah overflow: scroll selalu menampilkan vertical dan horizontal scrollbar walaupun konten tidak melebihi batas container. Sedangkan overflow: auto hanya akan menampilkan scrollbar jika konten di dalam melebihi kontainer.
3. Apa fungsi nilai hidden?
- Menggeser konten keluar dari container
- Menampilkan konten yang melebihi container
- Menyembunyikan konten dan mengaktifkan scrollbar
- Menyembunyikan konten yang melebihi container
Pembahasan: overflow: hidden memiliki sifat menyembunyikan konten yang melebihi kontainer namun tanpa scrollbar. Dengan kata lain kita tidak dapat melihat sisa konten yang disembunyikan