wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML dan CSS 2

Total questions: 10

Worksheet time: 10mins

Name
Class
Date
1.

Kode CSS di atas berfungsi untuk mengatur warna teks link dalam?

a)

Class Box

b)

ID Box

c)

Elemen Box

d)

Tag Box

2.

Sebuah elemen bisa diposisikan seakan-akan berada mengapung diantara elemen setelahnya. Properti yang digunakan untuk fungsi tersebut adalah?

a)

Dimension

b)

Float

c)

Posistion

d)

Overflow

3.

Ketika kita menggerakkan elemen dengan posisi X, ruang yang ditempati elemen tersebut masih ada. Posisi X yang dimaksud adalah

a)

Relative

b)

Absolute

c)

Static

d)

Fixed

4.

Properti background-repeat pada css berguna untuk mengulang gambar sesuai nilai yang telah ditentukan. Berikut ini yang bukan termasuk nilai dari properti background-repeat adalah

a)

Horizontal

b)

Default

c)

Diagonal

d)

No-repeat

5.

Status posisi suatu elemen dapat diatur menggunakan properti position diantaranya

a)

auto, percentage (%), pixel, inherit

b)

fixed, relative, static, absolute

c)

left, right, center, justify

d)

top, bottom, middle

6.

Dalam CSS dikenal konsep box model yang menyatakan bahwa setiap elemen blok HTML memiliki area padding, margin, dan border. Dari dalam ke luar, urutan yang benar dari letak ketiga area tersebut adalah

a)

padding-border-margin

b)

padding-margin-border

c)

margin-padding-border

d)

margin-padding-border

7.

Kode CSS untuk menentukan background berupa gambar pada halaman web adalah

a)

background-images: url(gambar.jpg);

b)

background-image: url(gambar.jpg);

c)

bgimage: url(gambar.jpg);

d)

bgimage: url(gambar.jpg);

8.

Property position pada css yang tidak dapat menggerakkan elemen meskipun halaman browser di scroll adalah

a)

position: absolute;

b)

position: none;

c)

position: fixed;

d)

position: relative;

9.

Untuk mengatur luas area sekeliling elemen yang berbatasan dengan elemen lain, properti yang tepat untuk digunakan adalah

a)

margin

b)

padding

c)

width

d)

border

10.

Jika ingin menghilangkan garis bawah dari sebuah link, style manakah yang akan digunakan?

a)

border-bottom: 0px;

b)

text-decoration: none;

c)

text-underline: 0px;

d)

text-transform: none;