Pengertian Padding dan Margin

Catatan ini buat sekedar ngingatin diriku aja yang sering lupa arti Padding dan margin tapi kalo ada yang ingin ikut baca ya silahkan makasih. soalnya jujur aja ni saya kadang ketuker antara padding dan margin, akibatnya halaman blog jadi berantakan, utnuk pembacaan padding di mozila dan internet explorer kadang mereka berbeda pendapat dalam urusan padding ini misalkan kita tulis padding 5px, di internet explorer di baca lebih dari 5 px tapi untuk mozila mah akurat, entah bagai mana cara internet explorer membaca padding ini sehingga hasilnya kok selalu berbeda dengan mozila,

di sini saya beri warna merah untuk element yang akan di beri padding atau margin, telah saya beri warna kuning untuk margin dan hijau untuk padding, jadi dengan kata lain padding adalah batas element terhadap element yang di dalamnya sedangkan margin adalah batas element dengan element di luarnya ( kalau migren itu sakit kepala sebelah hehehehe), elemen ini bisa berbentuk gamabar, kotak atau text

Penulisan padding bisa di tulis dengan cara sebagai berikut:

padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:15px;

Atau bisa di singkat padding:5px 10px 5px 15px dalam penyingkatan ini supaya lebih mudah mengingatnya padding dan margin di tulis berurutan se arah jarum jam di mulai dari atas yatu "padding: atas, kanan, bawah dan kiri untuk margin sama aja, ( untuk migren tanya ma dokter aja ya... hehehe)