CSSMateri CourseNusantech Academy

Pembahasan Quis Box Model

By 9 Juni 2020 No Comments

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