DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

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 👉🏼