Warung Internet

[ Daftar isi Blog ]

Perbedaan Antara Margin, Padding, Border, dan Konten

.
Selasa, 29 Mei 2012.
Malam sobat blogger kali ini saya akan membahas perbedaan Margin, Border, Padding dan Content. Yang pada awalnya mengedit template blog, saya sendiri masih binggung membedakannya. Tapi alhamdulillah setelah saya browsing dan menemukan artikel yang membahas tentang ini di blog " http://www.kode-blogger.blogspot.com ".


Karena postingan ini menurut saya cukup bermanfaat dalam hla mengedit template blog, saya pun mencoba mengulasnya di sini apa itu Margi, Border, Padding dan Content. Oke langsung aja ke TKP :

Coba perhatikan gambar dibawah ini :


Berikut ulasan mengenai gambar diatas tersebut :
  • 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 conten. Perbatasan ini dipengaruhi oleh warna latar belakang kotak (dapat diberi warna).
  • Padding : Menghapus sebuah daerah disekitar conten (terletak antara border dan conten). Padding ini dipengaruhi oleh warna latar belakang kotak
  • Content : Isi kotak dimana teks dan gambar muncul.
Dalam penulisan kode untuk menentukan bagian per bagian terdiri dari dua cara yaitu :
  1. Margin : 2px 2px 5px 0px; urutannta = Atas, Kanan, Bawah dan Kiri
  2. Margin-top : 2px; margin-right : 2px; margin-bottom : 5px; margin-left : 0px;
demikian juga halnya dengan padding bila ditulis bagian perbagiannya.

Selamat mencoba semoga berhasil ...!!!

Editor : Onco Gamankz


Photobucket 
  Photobucket

Ditulis Oleh : satbrimob Polda NTB ~ Onco Berbagi Cerita

Artikel Perbedaan Antara Margin, Padding, Border, dan Konten ini diposting oleh satbrimob Polda NTB pada hari Selasa, 29 Mei 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Comentários:

Posting Komentar