CSS (2)

Perhatikan gambar berikut. Pada suatu model box html, nomor 3 disebut …

• Content

• Padding

• Border

• Margin

Perhatikan gambar kode halaman HTML dan CSS berikut. Nilai x yang tepat untuk mengisi atribut order sehingga mendapatkan layout halaman web seperti gambar di bawah ini yaitu…

• -1

• 0

• 1

• 2

Properti CSS yang mengontrol apa yang terjadi pada konten yang terlalu besar untuk dimasukkan ke dalam suatu area adalah..

• overflow

• float

• display

• position

Agar suatu elemen selalu berada di tempat yang sama meskipun halaman web digulir (scroll), maka kita harus mengatur jenis posisinya bernilai..

• static

• fixed

• absolute

• sticky

Bila potongan kode html dan css berikut dijalankan, output baris ke berapakah yang akan dicetak tebal?

• 1

• 2

• 1 dan 2

• 2 dan 4

Perhatikan potongan kode HTML di bawah ini. Jika pengaturan style diterapkan untuk potongan html tersebut, manakah yang akan menghasilkan tampilan background berwarna kuning untuk keseluruhan elemen?

• [class|=top]{background: yellow;}

• [class^=top]{background: yellow;}

• [class~=top]{background: yellow;}

• [class*=top]{background: yellow;}

Bila markup HTML berikut dijalankan, background-color yang akan ditampilkan untuk h1 berwarna..

• kuning

• oranye

• merah

• biru

Bagaimana syntax yang benar untuk menambahkan padding sebesar 10 px di atas, 15 px di bawah, 5 px di kanan, dan 10 px di kiri?

• padding: 10px 15px 5px 10px;

• padding: 10px 10px 15px 5px;

• padding: 10px 5px 15px 10px;

• padding: 10px 5px 10px 15px;

Apakah yang harus diketikkan pada kotak kosong (dilingkari merah) agar warna background menjadi merah ketika mouse over suatu elemen dengan class 'master'?

• a:hover

• .master:hover

• master:hover

• #master:hover

Bagaimanakah cara membuat kelompok CSS selector sehingga sebuah style yang sama dapat diterapkan sekaligus pada beberapa CSS selector yang berbeda?

• tuliskan semua css selector, masing-masing dipisahkan dengan whitespace

• tuliskan semua css selector, masing-masing dipisahkan dengan koma

• tuliskan semua css selector, masing-masing dipisahkan dengan +

• tuliskan semua css selector, masing-masing dipisahkan dengan semicolon (;)