Pengertian Padding, Margin, Dan Border

Setelah sebelumnya nulis wacana cara menetralisir border pada gambar di blog, sekalian deh mudah-mudahan lengkap aku kasih postingan wacana padding, margin, dan border. Artikel ini di ambil dari blog nya mas antoe di seby-antoe.com, yawes sebelum mulai coba kawan dekat amati gambar di bawah ini:

Nah dari keterangan diatas kita sanggup menyimpulkan menyerupai dibawah ini

Padding : Menentukan jarak unsur body ke border atau Ukuran jarak bab dalam
Border : Adalah garis tepi dari komponen
Margin : Adalah Ukuran jarak bab luar atau ukuran jarak sehabis Border

Cara Penggunaan

Padding
Ditulis dengan CSS padding:5px 5px 5px 5px; urutan nilai angkanya yakni atas, kanan, bawah dan kiri, atau Anda sanggup menggunakan
padding-left:5px; ini yakni untuk pengaturan padding bab kiri
padding-right:5px; ini yakni untuk pengaturan padding kanan
padding-top:5px; untuk bab atas dan
padding-bottom:5px; untuk bab bawah, Ingat satuan px(pixels) sanggup kau ganti sesuai satuan lainnya yang sesuai

Border
Ditulis dengan CSS border:1px dotted #000000; urutan penggunaanya yakni ukran border, style border dan warna border, atau sanggup menggunakan
border-width:1px; ini yakni ketebalan border
border-style:dotted; ini yakni jenis bordernya sanggup kau ganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini yakni warna dari border.. kau sanggup menggantin code warnanya (www.colorschemer.com/online)

Margin
Ditulis dengan CSS margin:5px 5px 5px 5px; urutanya atas, kanan, bawah dan kiri, atau sanggup menngunakan menyerupai padding diatas
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
keterangan lainya sanggup mengikuti keterangan padding diatas
Nah itu ajah dahulu untuk oprek2 blog sobat, mudah-mudahan postingan ini berharga dan sanggup mempercantik blog sobat.

Share this post