Pengertian Padding, Margin, dan Border

Setelah sebelumnya menulis tentang cara menghilangkan border pada gambar di blog, sekalian deh biar lengkap saya kasih artikel tentang padding, margin, dan border. Artikel ini di ambil dari blog nya mas antoe di seby-antoe.com, yawes sebelum mulai coba sobat perhatikan gambar di bawah ini:

Nah dari keterangan diatas kita dapat menyimpulkan seperti dibawah ini


Padding : Menentukan jarak komponen body ke border atau Ukuran jarak bagian dalam

Border : Adalah garis tepi dari komponen

Margin : Adalah Ukuran jarak bagian luar atau ukuran jarak sesudah Border



Cara Penggunaan


Padding

Ditulis dengan CSS padding:5px 5px 5px 5px; urutan nilai angkanya adalah atas, kanan, bawah dan kiri, atau Anda bisa menggunakan

padding-left:5px; ini adalah untuk pengaturan padding bagian kiri

padding-right:5px; ini adalah untuk pengaturan padding kanan

padding-top:5px; untuk bagian atas dan

padding-bottom:5px; untuk bagian bawah, Ingat satuan px(pixels) bisa kamu ganti sesuai satuan yang lain yang sesuai



Border

Ditulis dengan CSS border:1px dotted #000000; urutan penggunaanya adalah ukran border, style border dan warna border, atau bisa menggunakan

border-width:1px; ini adalah ketebalan border

border-style:dotted; ini adalah jenis bordernya bisa kamu ganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya

border-color:#FFFFFF; ini adalah warna dari border.. kamu bisa menggantin code warnanya (www.colorschemer.com/online)



Margin

Ditulis dengan CSS margin:5px 5px 5px 5px; urutanya atas, kanan, bawah dan kiri, atau bisa menngunakan seperti padding diatas

margin-left:5px;

margin-right:5px;

margin-top:5px;

margin-bottom:5px;

keterangan lainya bisa mengikuti keterangan padding diatas

Nah itu ajah dulu untuk oprek2 blog sobat, semoga artikel ini bermanfaat dan bisa mempercantik blog sobat.