Bedakan antara Padding, Border, dan Margin

Padding, Border, dan Margin. Itulah 3 unsur Box model yang sering dipakai dalam penggunaan template sebagai peruang gambar. Sepertinya memang sederhana, namun ternyata masih banyak blogger yang belum tahu bahkan tak bisa membedakan ketiganya (karena memang kesannya hampir sama, sama-sama berposisi sebagai outliner).

Berikut adalah penjelasanya :

Padding
Padding adalah area yang langsung berbatasan dengan konten. Warnanya biasanya mengikuti warna dasar template yang dipakai atau warna background box.

Border
Border adalah area berada di luar Padding. Berfungsi sebagai pembatas warna box atau pembatas konten dengan area luar.

Margin
Margin adalah area disekitar background, berfungsi sebagai pembatas antara konten Box satu dengan dengan konten Box lainya

Bagaiman pembaca? apakah anda masih bingung dengan penjelasan saya? Jika memang anda masih bingung dengan uraian di atas, pembaca sekalian bisa melihat penjelasan gambar di bawah ini. Dan saya jamin anda semua pasti langsung paham dan mengerti

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMEMPHfXxLVk-JfTPTw6MSOLag8tH6cYoOlkujKwi9Is_b1FFh7IKZ0a-xbjWKqFbqWfKBYEkUm5aB2nfSIIIwi1o5Ku5WaTIDXYgPAesgF1ZZXoaX8xrOEmut0N92q6bFkDExNHEarU/s1600/outline.jpg
Share: