Dasar · CSS · Pelajaran 4 dari 6

Box Model

Box Model

Setiap elemen adalah kotak berlapis: content → padding → border → margin.

.kotak {
  padding: 20px;             /* jarak DALAM (isi ke border) */
  border: 4px solid #2563eb; /* garis tepi */
  margin: 10px;              /* jarak LUAR (ke elemen lain) */
  width: 220px;
}
Hasil
padding 20 · border 4 · margin 10