fungsi margin pada html

Fungsi margin pada html - pengertian fungsi margin pada html khususnya pada blogspot. fungsi margin pada html pada template blogspot sangat perlu untuk dipahami para blogger mania, hal ini diperlukan akibat seringnya kita jumpai tulisan " Margin " ini pada bagian CSS Template blogspot sendiri. Dalam prakteknya Margin dalam CSS berfungsi untuk membuat jarak sisi kiri kanan dan atas bawah. Jadi bila kita ingin membuat suatu jarak contohnya widget ada baiknya kita memakai fungsi
Margin tersebut. Untuk membuat jarak tentunya margin tersebut harus diisi dengan nilai agar jarak tersebut dapat terlihat. Pemberian nilai pada margin dapat dilakukan dengan sistem angka dengan format angka yang telah ditetapkan, seperti 10px, 5%, 2em dll tergantung kebutuhan kita. Didalam CSS fungsi margin pada html secara devault ada 4 fungsi yang meliputi :
Margin Atas ( Margin Top ) atau pada penulisannya dalam code HTML adalah margin-top yang merupakan jarak titik tengah dengan titik kearah atas. Fungsi margin-top ini dapat kita gunakan bilamana " Cth : Jarak salah satu widget yang satu dengan widget yang diatasnya terlalu dekat dan kita ingin memberikan jarak yang setimpal agar kelihatan bagus dan rapi " maka kita boleh menambahkan nilai pada bagian margin-topnya sehingga penulisannya demikian : ( margin-top:20px ; ) atau ( margin-top:5%; ) dll. Jadi dalam pengertiannya adalah bahwa jarak widget tersebut ke widget yang berada diatasnya merupakan 20px.
Margin Bawah ( Margin Bottom ) atau pada penulisannya dalam code HTML adalah margin-bottom yang merupakan jarak yang berlawanan dengan margin-top atau jarak suatu titik tengah dengan titik yang berada dibawahnya. Penulisan angka pada nilai margin-bottom ini sama juga dengan dengan margin-top hanya saja nilai dari margin-bottom tersebut akan memberikan jarak kebawah.
Margin Kanan ( Margin Right ) atau pada penulisannya pada code HTML adalah margin-right yang merupakan jarak titik tengah terhadap jarak titik yang berada di sebelah kanan titik tengahnya. Dalam prakteknya bila mana suatu widget pada blogspot memiliki jarak kesebelah kanan terlihat tidak sempurnah maka kita dapat memanfaatkan fungsi margin-right untuk menyempurnakan jaraknya.Penulisan fungsi margin-right pada code html adalah sebagai berikut : ( margin-right:20px; ) , ( margin-right:5%; ) atau ( margin-right:2em; ) dll.
Margin kiri ( Margin Left ) atau penulisannya pada code HTML adalah margin-left yang merupakan jarak antara titik tengah kearah kiri titik tengah atau arah yang berlawanan dengan margin-right . Dalam prakteknya penulisan margin-left sama halnya dengan penulisan margin-right hanya saja arahnya yang berlawanan, seperti : ( margin-left:20px; ) , ( margin-left:5%; ) atau ( margin-left:2em; ) dll.
Struktur penulisan fungsi margin pada html dapat juga kita persingkat dengan tehnik yang sudah ditentukan, agar lebih simpel dan tidak terlalu rumit, dibawah ini ada beberapa contoh tehnik penulisan code CSS margin pada HTML yang dapat anda pahami :
element { margin: 5px 10px 15px 20px; } atau sama pengertiannya dengan jarak margin-top:5px; margin-right:10px; margin-bottom:15px; margin-left:20px;
element {
margin-top:5px;
margin-right:10px;
margin-bottom:15px;
margin-left:20px;
}

Bila kita ingin memberikan jarak hanya kearah sisi atas dan kiri dapat juga kita tuliskan sebagai berikut : element { margin: 5px 0px 0px 20px; } atau sama juga dengan
element {
margin-top:5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left:20px;
}
atau
element {
margin-top:5px;
margin-left:20px;
}
Begitu juga dengan penulisan sisi yang berlawanan arah dari contoh diatas element { margin: 0px 10px 15px 0px; } atau sama juga dengan :
element {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 0px;
}
atau
element {
margin-right: 10px;
margin-bottom: 15px;
}
yang memiliki arti dimana jarak sisi kearah kanan adalah 10px dan jarak sisi kearah bawah adalah 15px
Penulisan code CSS margin pada satu arah ( arah atas ) dapat dituliskan sebagai berikut :
element { margin: 5px 0 0 0 } atau sama juga dengan element { margin: 5px 0px 0px 0px } , element { margin-top: 5px } dimana penulisan fungsi margin pada html seperti pada contoh diatas adalah sama, tinggal tergantung pada orang yang menggunakan saja untuk mempersingkat penulisannya.

Kesimpulan

fungsi margin pada html merupakan suatu tehnik penulisan code CSS untuk memberikan jarak titik tengah terhadap sisi yang lain. fungsi margin pada html dapat dimanfaatkan pada penulisan code CSS untuk membuat suatu jarak. Tehnik penulisan margin pada CSS seperti yang tertulis diatas dapat kita manfaatkan untuk memperindah tata letak suatu halaman web ataupun blog.