Perbedaan Margin Dengan Padding Pada CSS

Apa itu Margin?

Margin adalah suatu jarak atau space antara suatu elemen dengan elemen yang ada diluar atau lainnya, jarak yang dibuat dimulai setelah border.

Lalu apa itu Padding?

Padding adalah suatu jarak atau space antara inti elemen / konten terhadap border elemen.

Untuk lebih jelas memahami perbedaan keduanya. Silahkan buka browser Google Chrome, kemudian klik kanan > Inspect Element / Periksa Elemen di random tempat pada blog atau website, lihat bagian CSS di sebelah kanan, jika tidak terlihat coba scroll kebawah. Maka akan muncul hal seperti contoh dibawah ini.

• Pada gambar diatas, warna biru menunjukkan ukuran konten dari elemen (Text, gambar, dll).
• Warna hijau menunjukkan ukuran padding.
• Warna kuning ukuran border.
• Dan warna cream atau orange untuk ukuran margin

Nah, Saya kira cukup sekian pada artikel kali ini, Terima Kasih.