Mengenal Margin Dan Padding Pada Blog

advertisement
Dalam dunia HTML kita tentu sangat sering mendengar istilah Margin dan Padding sebelum mengulasnya lebih lebih lanjut kita harus mengetahui dulu apa yang dimaksud dengan Margin dan Padding. Jadi Margin adalah jarak sisi yang akan ditimbulkan ke bagian luar konten, sedangkan padding adalah jarak yang di timbulkan ke dalam bagian konten. Mengerti tidak? hehe..

Margin dan Padding berguna untuk mengatur jarak sebuah element sehingga menghasilkan jarak yang presisi, yang gemar otak-atik kode HTML blog sendiri pasti bosen mendengar istilah tersebut, tapi mau bagaimana lagi kecuali sobat ingin menampilkannya secara acak-acaknya seperti di luar angkasa. Langsung saja berikut informasi mengenai Margin dan Padding yang wajib sobat ketahui.

Margin

Struk kode margin terdapat beberapa macam yang sering kita temui diantaranya :
margin: 10px; atau margin:5px 6px 7px 8px; ulasannya seperti ini :

margin: 10px; berarti keempat sisi dari element tersebut adalah sebanyak 10pixel
margin: 3px 4px 5px 6px; berarti 3px untuk sisi atas, 4px untuk sisi kanan, 5px untuk sisi bawah dan 6px untuk sisi kiri.

Jadi jika kita ingin mengatur margin hanya sebelah kanan saja, maka kode nya sbb:
margin: 0px 4px 0px 0px;

mengenal margin dan padding pada blog

Padding

Struktur kode padding juga sama
padding: 5px; atau padding:5px 6px 7px 8px;

padding: 5px; berarti keempat sisi dari element tersebut adalah sebanyak 5pixel
padding: 5px 6px 7px 8px; berarti 5px untuk sisi atas, 6px untuk sisi kanan, 7px untuk sisi bawah dan 8px untuk sisi kiri.

Cukup itu saja penjelasan singkat antara margin dan padding semoga bermanfaat untuk saya dan sobatsabit.

Salam,
Admin
advertisement
SHARE ON :

Artikel Terkait

Mengenal Margin Dan Padding Pada Blog
4/ 5
Oleh

Subsribe

Masukkan alamat email Sobat untuk berlangganan blog ini dan menerima pemberitahuan pesan baru melalui email.

Load comments