Home » » CSS HTML Perbedaan Padding Dan Margin

CSS HTML Perbedaan Padding Dan Margin

Advertisement
Margin dan padding yang ada didalam kode html blog khususnya blogger ternyata masih banyak yang belum mengetahui pengertian dari masing masing. sehingga timbullah pertanyaan seperti apakah perbedaan margin dan padding? apa fungsi margin dan padding? dan lain sebagainya.

Dan dalam edisi kali ini penulis akan mencoba menerangkan seterang dan sejelas mungkin pengertian dari masing masing yakni padding dan margin. sebelum melangkah lebih jauh silahkan  lihat gambar dibawah ini.

arti margin
Keterangan

  • Warna orange adalah Border lebar widget login form google
  • Lebar padding adalah lebar batas antara garis orange dan biru, sedangkan marginnya adalah lebar batas antara garis orange dan hijau



Dari visualisasi gambar diatas saya rasa anda akan langsung mengerti perbedaan dari padding dan margin didalam kode html blog, masih bingung juga? jka iya baiklah akan saya tuliskan masing masing pernyataannya.

1.Pengertian padding

Padding adalah lebar garis batas antara slot widget dengan isi konten.
Contoh kasus, bila anda memiliki slot widget 300 x 300 px dengan padding 10 px maka isi konten yang terpasang didalam slot widget ukuran 300 x 300 px tadi adalah sebesar 280 x 280 px.
Maka,semakin besar nilai padding yang anda berikan maka secara otomatis isi konten akan semakin menyusut.

2.Pengertian margin

Margin adalah lebar garis batas terluar dari slot widget. Salah satu fungsi memberikan margin terhadap konten adalah untuk memberi jarak pemisah antara satu konten dengan konten yang lainnya agar tidak saling menempel.

Selain kedua istilah tersebut kita jug amengenal yang namanya border atau bingkai, saya rasa tidak perlu saya jelaskan mengenai border karena saya yakin sekali kalian semua sudah mengetahuinya.

Semoga artikel pendek ini dapat membantu memecahkan masalah anda, dan tak lupa saya ucapkan banyak terimakasih telah berkunjung di blog ini.

Baca juga Trik agar video youtube masuk halaman pertama di urutan pertama



Advertisement

Advertisement