Mengenal Perbedaan Antara Margin, Border, Padding, Dan Content

Banyak yang bertanya tentang perbedaan margin dan padding. Sebenarnya itu merupakan hal yang tidak begitu sukar untuk dipecahkan, asalkan kita mau mempelajarinya. Posting kali ini, congcot akan coba menjelaskan bagaimana atau apa perbedaan dari margin, padding, border, dan content. Yang harus jelas disini adalah letaknya, karena saya sendiri beberapa hari kebelakang suka tertukar antara dimana tempat margin, dan dimana tempat padding.
Coba perhatikan gambar dibawah ini.

Sudah jelaskan, dimana tempat margin, dan dimana tempat padding.
Sedikit ulasan

• Margin - Menghapus sebuah daerah di sekitar perbatasan. Margin yang tidak memiliki warna latar belakang, dan benar-benar transparan.
• Border - Sebuah perbatasan yang terletak di sekitar padding dan konten. perbatasan ini dipengaruhi oleh warna latar belakang kotak (dapat diberi warna)
• Padding - Menghapus sebuah daerah di sekitar konten (terletak antara border dan konten). padding ini dipengaruhi oleh warna latar belakang kotak
• Content - Isi kotak, di mana teks dan gambar muncul

 Sebagai Contoh:

Posting kali ini, congcot akan coba menjelaskan bagaimana atau apa perbedaan dari margin, padding, border, dan content. Yang harus jelas disini adalah letaknya, karena saya sendiri beberapa hari kebelakang suka tertukar antara dimana tempat margin, dan dimana tempat padding.

Kode yang digunakan diatas adalah:

<div style="background:#FF0; border: 20px solid rgb #0F0; color: red; height: 200px; margin: 20px; padding: 20px; width: 200px;"></div>

Mungkin itulah sekilas tentang perbedaan Antara Margin, Border, Padding, Dan Content. Mudah-mudahan bermanfaat untuk semuanya.


Intinya...
Sering terdapat kekeliruan dalam penempatan letak margin dan padding. Kadang kita menganggap letak yang salah, terbalik. Dengan posting ini, diharapkan kesalahan-kesalahan itu hilang, dan tidak ada lagi yang salah dalam penempatannya.
Terima Kasih

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.