Perbedaan Margin,Border,Padding dan Content

Sebelum mengetahui tentang perbedaan margin,border,padding dan konten silahkan baca dulu tentang kode CSS untuk margin,border dan padding dalam visualisasinya kali ini infonetmu akan share lagi tentang margin,border,padding dan content agar kamu bisa lebih detail mengenal kode-kode CSS tersebut. lihat gambar dibawah ini:


Dari gambar diatas pasti kamu faham tentang perbedaan margin,border,padding serta konten.
Adapun Sedikait Ulasan tentang gambar di atas :

• Margin = Area sebelah luar dari border. Margin yang tidak memiliki warna latar belakang, dan benar-benar transparan.
• Border = Garis yang memisahkan antara padding dan margin. garis ini dapat diberi warna maupun jenisnya.
  
• Padding = Area antara border dan content,padding ini dapat diberi warna juga.
  
• Content = Isi kotak, di mana teks dan gambar muncul
  

Dalam penulisan code untuk menentukan bagian per bagain terdiri dari dua cara yaitu:

1. margin: 2px 2px 5px 0px; urutannya –> Atas, kanan, bawah, kiri
2. margin-top: 2px; margin-right: 2px; margin-bottom: 5px; margin-left: 0px;
   demikian juga halnya dengan padding bila di tulis bagian per bagain.
   

Semoga Bermanfaat