Pengertian padding, margin dan border

Halo sobat blogger pemula kali ini saya akan membahas tutorial tentang
pengertian padding, margin dan border
memang dalam dunia blogger kita harus mengetahui pengertian ini
di karenakan bila kita edit template kita, dan kita ingin modifikasi
kita tidak tahu apa yang ada disitu apalagi yang pemula ( seperti saya ini )

oke mari kita bahas satu persatu, kalau anda tidak tau apa itu padding margin dan border lihat gambar ini



nah anda sudah tahu kan soalnya kalau mau saya jelaskan saya juga kurang bagus ntar kata2nya
oke langsung saja

Padding

biasa di tulis seperti ini

padding:5px 5px 5px 5px; ini artinya dia berrutan dari  atas, kanan, bawah dan kiri,

biasa kalau kode nya di pecah akan jadi seperti ini

padding-left:5px;     ini adalah untuk pengaturan padding bagian kiri
padding-right:5px;    ini untuk pengaturan padding bagian kanan
padding-top:5px;      untuk bagian atas dan
padding-bottom:5px;   ini pengaturan untuk bagian bawah,

Border

biasa kode ini di tulis seperti di bawah ini

border:1px dotted #000000; ini dalam keadaan berurutan mulai dari,  ukran border, style border dan warna border,

sama juga bila di pecah akan jadi sperti ini

border-width:1px;      ini adalah lebar border
border-style:dotted;   ini adalah jenis bordernya ( dotted ) bisa anda ganti dengan, dashed, solid, double, groove, ridge, inset, outset dan masih banyak lagi
border-color:#FFFFFF;  ini adalah warna dari border

Margin

biasa di tulis seperti ini

margin:5px 5px 5px 5px; ini berarti dia berrurutan dari  atas, kanan, bawah dan kiri,

bila di pecah akan jadi seperti ini

margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;

tapi inti nya tetap sama jadi lebih baik berurutan saja tapi misalnya anda lupa biarkan saja
dalam bentuk terpecah,


keterangan dari semua kode di atas


left berarti kiri


right berarti kanan

top   berarti atas

bottom berarti bawah

width berarti lebar

style berarti model

color berarti warna


oke sekian tutorial dari blogger pemula semoga bermanfaat
dan semoga anda bisa mengerti dengan penjelasannya.

==========================================================