Wednesday, January 4, 2012

Pengertian Padding, Margin, dan Border

Setelah sebelumnya nulis 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:

padding, margin, border

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.

Related Posts by Categories

No comments:

Post a Comment