dasar css (6) : Margin dan Padding Apa Bedanya?

Ternyata masih pada kebingungan dengan istilah margin dan padding, oke untuk melengkapi postingan saya tentang pengaturan margin dan padding di post sebelumnya. mari saya perjelas kembali.

Perbedaan antara margin dan padding, ini adalah persoalan klasik tapi masih banyak yang mendapat problem di bagian ini.

Lalu, apa itu mahkluk yang sering disebut margin dan padding itu? jenis hantu dari mana dia?

margin adalah temannya nagin siluman ular yang cantik itu ehehe *ngelantur*
bukan-bukan… back to topik yooo

margin adalah area kosong yang menentukan jarak komponen dari bagian luar, sedangkan padding adalah sebaliknya yaitu di bagian dalam.

nah untuk lebih jelasnya mari lihat gambar berikut:

misal kita membuat box dengan border warna hijau, nah dibagian luar dari box itu ada area kosong, itu yang disebut dengan margin.
terus, diantara box border dengan content, itu juga ada acara kosong ya itu yang disebut dengan padding 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *