Barangkali anda yang sudah terbiasa dengan kode CSS template blogger untuk border, padding dan margin. Walau demikian, saya buat postingan Belajar CSS Border Badding dan Margin ini untuk memudahkan saya dalam pengeditan template blog. Teman-teman yang masih rajin mengutak-atik template, bisa juga menjadikan artikel ini sebagai salah satu acuan untuk ketiga istilah CSS tersebut. Saya pernah membuat postingan tentang border dan background pada template blog. Nah, postingan ini sangat erat kaitannya dengan postingan tersebut. Gambar di samping ini dapat menjelaskan ketiga istilah Border-Padding-Margin secara mudah.
Nah, dari gambar di atas kita dapat menyimpulkan pengertiannya seperti berikut ini :
- Margin : merupakan ukuran jarak bagian luar atau ukuran jarak sesudah Border
- Border : merupakan garis tepi dari komponen
- Padding : menentukan jarak komponen body content ke border atau ukuran jarak bagian dalam
Dotted
Dashed
Solid
Double
Groove
Ridge
Inset
Outset
Penulisan border-padding-margin ini masih bisa dimodifikasi lagi dan penggunaannya pun bisa beragam. Apalagi kalau dipadukan dengan background. Yang penting adalah, saya dan anda sudah bisa lebih memahami tentang CSS Border-Padding-Margin. Jika masih bingung pada penggunaannya ketika mengutak-atik template, maka biar gampang perhatikan gambar di atas sana. Oke, semoga bermanfaat. Terima kasih.
http://bangdel.blogspot.com/2009/10/belajar-css-border-padding-dan-margin.html
0 Response to "Belajar CSS Border Padding dan Margin"
Posting Komentar
masukan anda terima kasih kami,
tanpa spam dan tanpa kata-kata kotor