WorksheetsWorksheet : Layout CSS
Total questions: 25
Worksheet time: 13mins
Urutan Box Model dari paling dalam ke luar yang benar adalah …
Margin → Border → Padding → Content
Content → Padding → Border → Margin
Padding → Content → Border → Margin
Content → Border → Padding → Margin
Bagian box model yang berisi teks atau gambar disebut …
Padding
Margin
Border
Content
Properti CSS yang memberi jarak antara border dan konten adalah …
margin
padding
width
height
Fungsi utama margin adalah …
Mengatur ukuran teks
Memberi jarak antar elemen
Memberi warna elemen
Mengatur posisi teks
Jika sebuah elemen memiliki width: 200px, maka lebar tersebut berlaku untuk bagian …
Margin
Border
Padding
Content
Properti CSS untuk mengatur garis tepi elemen adalah …
outline
padding
border
margin
Jika ingin memberi jarak hanya di sisi atas elemen, properti yang tepat adalah …
padding-left
margin-top
border-top
width-top
Box model sangat penting dalam desain web karena …
Membuat warna lebih menarik
Mengatur struktur dan jarak antar elemen
Menambah animasi
Mengatur font website
Nilai default dari properti position adalah …
relative
absolute
static
fixed
Elemen dengan position: static …
Bisa diatur dengan top dan left
Mengikuti alur normal dokumen
Selalu berada di atas elemen lain
Tetap saat di-scroll
position: relative berarti …
Elemen bergerak mengikuti viewport
Elemen bergerak dari posisi aslinya
Elemen keluar dari alur dokumen
Elemen menempel di layar
Properti top, left, right, dan bottom berfungsi untuk …
Mengatur ukuran elemen
Mengatur warna elemen
Mengatur posisi elemen
Mengatur font
Elemen yang tetap terlihat meskipun halaman di-scroll menggunakan …
static
relative
absolute
fixed
position: sticky biasanya digunakan untuk …
Footer
Gambar galeri
Navigasi atau header
Paragraf teks
Perbedaan utama fixed dan sticky adalah …
Sticky tidak bisa diatur posisinya
Fixed mengikuti elemen induk
Sticky menempel setelah titik scroll tertentu
Fixed hanya berlaku di container
Jika sebuah elemen ingin diposisikan relatif terhadap browser, maka digunakan …
static
relative
absolute
fixed
CSS Grid digunakan untuk …
Mengatur warna teks
Mengatur animasi
Mengatur tata letak halaman
Mengatur font
Elemen utama yang membungkus grid disebut …
grid-item
grid-cell
grid-container
grid-area
Semua elemen langsung di dalam grid container disebut …
grid-line
grid-gap
grid-item
grid-track
Pertemuan antara satu baris dan satu kolom disebut …
grid-area
grid-track
grid-cell
grid-line
Ruang kosong antar baris dan kolom grid disebut …
grid-track
grid-gap
grid-area
grid-cell
Garis pembatas horizontal dan vertikal pada grid disebut …
grid-gap
grid-cell
grid-line
grid-item
Area persegi panjang yang bisa mencakup beberapa sel disebut …
grid-cell
grid-area
grid-gap
grid-track
Properti CSS untuk mengaktifkan grid pada sebuah elemen adalah …
display: block
display: flex
display: inline
display: grid
CSS Grid cocok digunakan untuk …
Website satu paragraf
Website dengan layout kompleks
Mengatur ukuran font
Mengatur warna background
