Box Model pada CSS
Box model adalah istilah pada CSS yang menggambarkan secara visual posisi border, padding dan margin pada setiap elemen.
Elemen-elemen HTML, bisa diberikan batas dan jarak. Ada berbagai jenis batas dan jarak yang bisa digunakan pada CSS. Untuk membantu kita secara visual, kita akan melihat box model pada CSS.
Apa saja jarak dan batas CSS ?
Border: border adalah garis batas pada setiap elemnPadding: padding adalah jarak antara elemen dan garis borderMargin: Jarak antara border dengan elemen lain
Visual Box Model CSS
Berikut visualisasi dari box model yang ada pada CSS
😲 Info sampingan
Kita akan intip secara detail box-model ini satu per satu!