Subscribe:

Ads 468x60px

Pengertian Padding, Margin, dan Border

Pengertian Padding, Margin, dan Border - Setelah sebelumnya nulis tentaang cara menghilangkan border pada gambar di blog, sekaliaan deh biar lengkap saya kaasih artikel tentang padding, margin, dan border. Artikel ini di ambil daari blog nya mas antoe di seby-antoe.com, yawes sebelum mulai coba sobat perhaatikan gambar di bawah ini:




padding, margin, border



Nah dari keterangan diatas kita dapat menyimpulkaan 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 bermaanfaat dan bisa mempercantik blog sobat.