wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Codean - Css Grid

Total questions: 18

Worksheet time: 9mins

Name
Class
Date
1.

Apa yang digunakan untuk menata tampilan halaman web?

a)

PHP

b)

JavaScript

c)

CSS

d)

HTML

2.

Apa yang dilakukan oleh properti 'grid-template-columns'?

a)

Menentukan warna kolom

b)

Menentukan tinggi kolom

c)

Menentukan lebar kolom

d)

Menentukan jenis font

3.

Apa yang akan terjadi pada elemen genap dalam '#content'?

a)

Akan memiliki latar belakang putih

b)

Akan memiliki latar belakang merah

c)

Akan memiliki latar belakang abu-abu

d)

Akan memiliki latar belakang biru

4.

Apa fungsi dari 'grid-auto-rows'?

a)

Menentukan lebar baris otomatis

b)

Menentukan tinggi baris otomatis

c)

Menentukan margin baris otomatis

d)

Menentukan warna baris otomatis

5.

Apa yang dilakukan oleh 'grid-gap'?

a)

Menentukan ukuran kolom

b)

Menentukan jarak antara kolom dan baris

c)

Menentukan jarak antara baris

d)

Menentukan jarak antara kolom

6.

Apa yang dimaksud dengan 'nested grids'?

a)

Grid di dalam grid

b)

Grid yang tidak teratur

c)

Grid yang memiliki satu baris

d)

Grid yang memiliki satu kolom

7.

Apa yang dilakukan oleh 'align-items'?

a)

Mengatur posisi elemen dalam kolom

b)

Mengatur ukuran elemen

c)

Mengatur warna elemen

d)

Mengatur posisi elemen dalam baris

8.

Apa yang dilakukan oleh 'justify-items'?

a)

Mengatur ukuran elemen

b)

Mengatur warna elemen

c)

Mengatur posisi elemen dalam kolom

d)

Mengatur posisi elemen dalam baris

9.

Apa yang dimaksud dengan 'grid-template-areas'?

a)

Menentukan warna elemen grid

b)

Menentukan margin elemen grid

c)

Menentukan ukuran elemen grid

d)

Menentukan area untuk elemen grid

10.

Apa yang dilakukan oleh '@media screen'?

a)

Menentukan gaya untuk layar kecil

b)

Menentukan gaya untuk layar cetak

c)

Menentukan gaya untuk layar besar

d)

Menentukan gaya untuk semua layar

11.

Apa yang dilakukan oleh 'grid-column-start'?

a)

Menentukan lebar kolom

b)

Menentukan akhir kolom

c)

Menentukan tinggi kolom

d)

Menentukan awal kolom

12.

Apa yang dilakukan oleh 'grid-row'?

a)

Menentukan posisi elemen dalam kolom

b)

Menentukan ukuran elemen

c)

Menentukan warna elemen

d)

Menentukan posisi elemen dalam baris

13.

Apa yang dimaksud dengan 'minmax' dalam grid?

a)

Menentukan ukuran minimum dan maksimum

b)

Menentukan ukuran tetap

c)

Menentukan ukuran otomatis

d)

Menentukan ukuran responsif

14.

Apa yang dilakukan oleh 'justify-self'?

a)

Mengatur warna elemen

b)

Mengatur posisi elemen dalam baris

c)

Mengatur posisi elemen dalam kolom

d)

Mengatur ukuran elemen

15.

Properti CSS yang digunakan untuk menggambar garis di sekitar elemen di luar perbatasan?

a)

border

b)

outline

c)

padding

d)

line

16.

Apa yang dilakukan oleh 'flex-direction'?

a)

Menentukan arah elemen dalam baris

b)

Menentukan ukuran elemen

c)

Menentukan warna elemen

d)

Menentukan posisi elemen dalam kolom

17.

Apa yang dimaksud dengan 'grid-auto-flow'?

a)

Menentukan aliran elemen dalam grid

b)

Menentukan ukuran elemen otomatis

c)

Menentukan warna elemen otomatis

d)

Menentukan posisi elemen dalam baris otomatis

18.

Apa yang dilakukan oleh 'align-content'?

a)

Mengatur posisi konten dalam kolom

b)

Mengatur ukuran konten

c)

Mengatur warna konten

d)

Mengatur posisi konten dalam baris