Untuk teman-
teman blogger, istilah border, margin dan padding adalah sesuatu yang wajib diketahui jika ingin lebih
terampil dalam urusan mengutak- atik template atau postingan blog. Jika tidak
tahu perbedaan ketiga istilah tersebut, wah.. utak- atik template dan postingan
bisa jadi kacau dan berantakan sobat.
Pengertian Border dalam Blog
Border sudah
cukup sering dibahas di Tutorial Blog Pemula, dalam postingan Kode CSS Jenis- Jenis Border dalam
Blog/ Website dan Cara Membuat Border/ Tabel dalam Blog. Memang apa sih pengertian Border itu?? Dalam
istilah blogging, border adalah
garis sebuah garis paling luar yang merupakan bingkai dalam sebuah postingan
atau widget dalam blog. Sebuah kode HTML border umumnya merupakan urutan ukuran
border, jenis dan warna border.
Contoh Kode
HTML Border : border:1px solid #000000;
>>
Ukuran Border 1px, Jenis border adalah solid, Warna border adalah hitam, untuk
kode warna bisa dicek disini.
Pengertian Margin dalam Blog
Margin
adalah jarak yang
memisahkan antara border dan sisi luarnya. Dalam kode HTML margin, umumnya
disebut secara berurutan mengikuti arah jarum jam, yaitu margin sebelah atas,
kanan, bawah dan kiri.
Contoh Kode
HTML Margin : margin:5px 6px 5px 6px
>>
Margin atas 5px, margin kanan 6pc, margin bawah 5px dan margin kiri 6px.
Selain itu, penulisan margin dalam html juga dapat
ditulis satu per satu dengan menyebutkan spesifikasi letak marginnya :
·
Margin atas
5px maka ditulis margin-top:5px
·
Margin kanan 5px maka ditulis margin-right:5px
·
Margin bawah 5px maka ditulis margin-bottom:5px
·
Margin kiri 5px maka ditulis margin-left:5px
Pengertian Padding dalam
Blog
Bagian terakhir adalah padding. Padding adalah jarak antara border
dengan bagian komponen body. Cara penulisan kode HTML padding sama seperti cara
penulisan kode HTML pada blog, yaitu mengikuti arah jarum jam.
Contoh Kode HTML Padding : padding:5px 6px 5px 6px;
>> Padding atas 5px, padding kanan 6px,
padding bawah 5px dan padding kiri 6px
Atau dapat ditulis secara satuan atau terpisah
berdasarkan letaknya :
·
Padding atas
5px maka ditulis padding-top:5px
·
Padding kanan
6px maka ditulis padding-right:6px
·
Padding bawah
5px maka ditulis padding-bottom:5px
·
Padding kiri
6px maka ditulis padding-left:5px