CSSMateri CourseNusantech Academy

Pembahasan Quiz Overflow

By 9 Juni 2020 No Comments

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