Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X

Skodev

Belajar coding dalam bahasa Indonesia

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 elemn
Padding : padding adalah jarak antara elemen dan garis border
Margin : Jarak antara border dengan elemen lain

Visual Box Model CSS

Berikut visualisasi dari box model yang ada pada CSS

box model CSS

Kita akan intip secara detail box-model ini satu per satu!

👈🏼 Background Gambar

Border pada CSS 👉🏼