CSSMateri CourseNusantech Academy

Pembahasan Quiz Display & Positioning

By 9 Juni 2020 No Comments

1. Apa yang kita gunakan untuk membuat sebuah elemen tetap berada diatas ketika kita scroll?

  • position: fixed & top
  • position: relative & top
  • position: absolute & bottom
  • position: sticky & bottom

Pembahasan: Untuk sebuah elemen seperti stuck pada layar, kita bisa menggunakan nilai property position: fixed atau position: sticky. Akan tetapi position: sticky juga dapat berperilaku seperti position: relative. Dan kita dapat menggunakan property top membuat elemen berada diatas. Jadi jawaban paling tepat adalah A. position: fixed & top

2. Apa yang terjadi ketika kita menambahkan margin: 10 pada elemen dengan display: inline?

  • Tidak memberikan efek apapun
  • Elemen akan memiliki margin di keempat sisinya
  • Elemen hanya memiliki margin di kanan dan kiri
  • Elemen hanya memiliki margin di atas dan bawah

Pembahasan: display: inline memiliki sifat mengalir horizontal dan tidak menerima beberapa property seperti width, height, padding-top, padding-bottom, margin-top dan margin-bottom. Jika kita menambahkan property-property tersebut ke dalam elemen dengan display: inline, maka yang terjadi adalah penambahan seperti ukuran dari padding atau margin hanya kesamping. Jadi jawaban C. Elemen hanya memiliki margin di kanan dan kiri adalah yang paling tepat.

2. Property yang dapat membuat elemen dirender secara inline atau block adalah…

  • visibility
  • display
  • overflow
  • Jawaban A dan C benar

Pembahasan: Ini adalah hal yang paling dasar, nilai seperti inline, block, inline-block, flex dan lainnya dapat kita tulis menggunakan property display