Mengenal Margin di Kode HTML

Mengenal Margin di Kode HTML. Tahacak | Portal Sharing Ilmu. Dikesempatan ini Tahacak akan membagikan tutorial/ pembelajaran buat para blogger. Bagi para blogger pasti tidak asing mendengar kata margin. Margin merupakan jarak sebuah layer 1 dengan layer lainya. intinya margin berfungsi memberikan jarak. jika sobat belum mengerti maksudnya memberikan jarak, sobat bisa lihat gambar diatas dan semoga mengerti akan kegunaan margin. kalau begitu berikut ini penjelasan tentang margin di kode HTML blog.

Pada Umumunya kode margin di kode HTML seperti dibawah ini :

Contoh :

margin : 1px 2px 3px 4px;

Ket : 

px = pixel satuan panjang yang sering digunakan dalam edit HTML

1px = jarak layer satu dengan yang lainnya bagian atas.

2px = jarak layer satu dengan yang lainnya bagian kiri.

3px = jarak layer satu dengan yang lainnya bagian bawah.

4px = jarak layer satu dengan yang lainnya bagian kanan.

Berikut ini margin yang dipaksakan di kode HTML :

Contoh :

margin-top: 1px;

margin-left: 2px;

margin-buttom: 3px;

margin-right: 4px;

Ket :

Biasanya jika menggunakan margin yang dipaksakan tidak perlu menulis kode margin pada umumnya

Berikut ini margin yang mengatur secara otomatis :

Contoh :

margin: 1px auto;

ket :

auto = mengatur jarak secara otomatis berdasarkan aturan CSS blog masing masing

untuk auto tidak perlu menggunakan satuan panjang berupa px

1px = jarak layer satu dengan lainnya bagian atas

jika ingin menghilangkan jarak bagian atas jangan dihapus untuk 1px nya cukup ganti menjadi 0px

NB :

semua ukuran bisa kamu sesuaikan sendiri-sendiri berdasarkan pengaturan blog kalian masing-masing.

Semoga artikel ini sangat bermanfaat bagi kita semua. 

Jika punya saran yang lebih bagus silahkan komentar dibawah ini ya.