Perbedaan Margin Dengan Padding Pada CSS

Close

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.

Perbedaan Margin Dengan Padding Pada CSS


  • 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.

1 komentar:

Terimakasih telah berkunjung dan membaca artikel di Blog ini. Tinggalkan kritik, saran, dan pertanyaan pada kolom komentar.

Thanks ilmunya mas, saya lupa-lupa terus memahami margin dan padding ini

kunjungan balik ya teman-teman => www.agenresmiforedi.net

Balas