Perbedaan Border, Margin & Padding Blog

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 adalahgaris 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

Gimana sobat?? Sudah ga’ bingung lagi kan sekarang perbedaan dan penulisan kode HTML antaraborder, margin dan padding. Cukup mudah dipahami dan diimplementasikan ya?

Yang Keren Lainnya :

Membuat Read More Otomatis Blog Mudah Sederha...

Cara Membuat Read More Otomatis di Blog I

Cara Membuat Menu Horizontal Blog secara Muda...

Cara Memasang/ Membuat Widget Kode Warna di B...

6 Alasan Mengapa Blog di- Banned oleh Google