Perbedaan antara Margin, Padding, Border, dan Content

Perbedaan antara Margin, Padding, Border, dan Content

Awalnya saya masih bingung membedakan antara Margin, Border, Padding, Dan Content, Sebenarnya itu merupakan hal yang tidak begitu sukar untuk dipecahkan, asalkan kita mau mempelajarinya. Persoalan klasik namun masih banyak yang mendapat problem disesi ini. saya sendiri contohnya.. hehe..
Nah, maka dari itu, Mari kita ulas lagi tentang apa itu Margin, Border, Padding, Dan Content.

Coba perhatikan gambar dibawah ini:

Sedikait Ulasan tentang gambar di atas :

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

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 bagian.

Mungkin sekian saja dari saya, selanjutnya sobat pasti lebih tahu. hehee
Semoga bermanfaat.

source: http://kode-blogger.blogspot.com

Perbedaan antara Margin, Padding, Border, dan Content

Anda sedang membaca artikel : Perbedaan antara Margin, Padding, Border, dan Content dengan url http://arifpoetrayunar.blogspot.com/2011/08/perbedaan-antara-margin-padding-border.html

Artikel Terkait: Perbedaan antara Margin, Padding, Border, dan Content

Cara Pasang Iklan di BlogCara Pasang Iklan di Blog, mungkin bagi sebagian blogger sudah mengetahui bagaimana cara pasang iklan di Blog, khususnya blog yang berplatform blogsp ...
Pengertian " Backlink " Backlink adalah link/alamat website/blog anda yang terletak pada website/blog lain. backlink ini berguna banget buat menaik ...
Cara membuat Menu MultiTab View Sidebar di Blogspot Sebenarnya sudah banyak Artikel / Postingan yang menjelaskan tentang hal ini, akan tetapi tidak ada salahnya jika saya bahas ...
Cara menghilangkan Navbar pada blogspot Navbar atau Navigation Bar header pada blog berbasis blogspot buat sebagian orang mungkin dianggap mengganggu penampilan sebuah bl ...
Cara Pasang Iklan Melayang di BlogCara Pasang Iklan Melayang di Blog - Pada postingan kali ini, Arif Poetra Yunar Blog akan memberikan sedikit tutorial tentang Cara Pasang Iklan Melay ...