NEW
Font size
WorksheetsQuiz tentang CSS Display Flex
Total questions: 18
Worksheet time: 9mins
Apa yang dimaksud dengan Flexbox dalam CSS?
Model tata letak yang kaku
Model tata letak yang kuat dan fleksibel
Model tata letak yang hanya untuk gambar
Model tata letak yang tidak responsif
Apa yang menjadi properti utama untuk menentukan elemen sebagai flex container?
justify-content
flex-wrap
display: flex
flex-direction
Apa nilai default dari properti flex-direction?
column
column-reverse
row-reverse
row
Apa yang terjadi jika flex-wrap diatur ke 'wrap'?
Item-item tidak akan dibungkus
Item-item akan dibungkus ke baris berikutnya
Item-item akan dibungkus dalam urutan terbalik
Item-item akan disembunyikan
Apa fungsi dari justify-content?
Menentukan arah utama dari flex items
Menentukan bagaimana flex items disejajarkan pada sumbu utama
Mengatur ukuran item
Mengatur tinggi container
Apa yang dilakukan properti align-items?
Mengatur lebar container
Menentukan bagaimana flex items disejajarkan pada sumbu silang
Mengatur urutan item
Menentukan ukuran awal item
Apa nilai default dari align-content?
space-around
flex-start
center
flex-end
Apa yang dimaksud dengan flex-grow?
Menentukan ukuran awal item
Menentukan seberapa banyak item akan tumbuh
Menentukan urutan item
Menentukan tinggi item
Apa yang dilakukan properti align-self?
Mengatur lebar container
Mengatur ukuran item
Mengatur urutan item
Mengatur bagaimana item disejajarkan pada sumbu silang
Apa yang terjadi jika flex-shrink diatur ke 0?
Item akan menyusut
Item tidak akan menyusut
Item akan tumbuh
Item akan hilang
Apa yang dimaksud dengan flex-basis?
Ukuran akhir item
Ukuran minimum item
Ukuran maksimum item
Ukuran awal item sebelum penyesuaian
Apa yang dilakukan properti flex-wrap dengan nilai 'nowrap'?
Item-item akan dibungkus
Item-item tidak akan dibungkus
Item-item akan disembunyikan
Item-item akan ditampilkan dalam urutan terbalik
Apa yang dimaksud dengan 'space-between' dalam justify-content?
Item-item akan dibungkus ke baris berikutnya
Item-item akan disejajarkan ke akhir
Item-item akan didistribusikan secara merata dengan ruang di antara mereka
Item-item akan disejajarkan ke tengah
Apa yang terjadi pada flex items jika flex-direction diatur ke 'column'?
Item-item akan diatur secara horizontal
Item-item akan diatur secara vertikal
Item-item akan disembunyikan
Item-item akan dibungkus
Apa yang dimaksud dengan 'stretch' dalam align-items?
Item-item akan direntangkan agar sesuai dengan tinggi container
Item-item akan disejajarkan ke awal
Item-item akan disejajarkan ke tengah
Item-item akan disejajarkan ke akhir
Apa yang dimaksud dengan 'flex' dalam CSS?
Model tata letak yang tidak fleksibel
Model tata letak yang memungkinkan item untuk tumbuh dan menyusut
Model tata letak yang hanya untuk elemen gambar
Model tata letak yang hanya mendukung satu arah
Apa yang terjadi jika nilai flex-grow diatur ke 2?
Item akan tumbuh dua kali lipat dibandingkan item lainnya
Item tidak akan tumbuh sama sekali
Item akan menyusut
Item akan tetap dengan ukuran awalnya
Apa yang dilakukan properti justify-items?
Mengatur bagaimana item-item disejajarkan pada sumbu utama
Mengatur bagaimana item-item disejajarkan pada sumbu silang
Mengatur ukuran item
Mengatur urutan item
