1. Property yang digunakan untuk membuat jarak antar elemen adalah..
- padding
- height
- border
- margin
Pembahasan: Margin merupakan unsur terluar sebuah elemen yang berfungsi memisahkan elemen tersebut dengan elemen lain.
2. Manakah dari pernyataan berikut yang paling benar…
- Margin terletak diantara padding dan border
- Height berfungsi membuat jarak antara konten dan border
- Width digunakan untuk mengatur jarak antar elemen
- Padding tidak menerima nilai negatif
Pembahasan: Di dalam konsep box-model kita mengenal unsur-unsur berikut:
- Konten: isi dari sebuah elemen
- Width & height : berfungsi memberikan ukuran tinggi(height) dan lebar(width)
- Padding: menentukan ketebalan elemen / memberikan jarak antara konten dengan border, padding juga tidak menerima nilai negative.
- Border: garis tepi yang membatasi padding dengan margin
- Margin: unsur terluar yang memisahkan/memberi jarak antar elemen
Jadi sudah jelas jawaban yang paling tepat adalah D.
3. Sebuah elemen memiliki width: 130px, height: 100px, padding: 20px, margin: 20px dan border: 10px, total height dari elemen tersebut adalah…
- 130px
- 150px
- 160px
- 200px
Pembahasan: Cara menghitung total height dan total width sebagai berikut:
Total height = height murni + padding top + padding bottom + border top + border bottom
Total width = width murni + padding right + padding left + border right + border left
Jadi penghitungan total height pada kasus ini adalah
Total height = 100px + 20px + 20px + 10px + 10px
Total height = 160px