Mengenal Margin CSS

Assalamu'alaikum Wr. Wb.

A). Pendahuluan

       Bertemu lagi diblog saya. Pada postingan ini kita akan membahas mengenai Margin di CSS , Apa itu Margin? Kegunaanya apa? akan kita bahas di postingan kali ini...

B). Pengertian

    Margin (dalam pengertian CSS) adalah ruang disekitar elemen/konten. Margin akan membentuk daerah (ruang) vertikal dan horizontal antara elemen. Jika elemen/konten tidak memilki margin, maka elemen-elemen tersebut akan rapat bertemu terhadap satu sama lain. Agar margin bekerja dengan baik, elemen biasanya diikuti oleh posisi float atau diposisikan relative. Style ini sering diterapkan untuk dapat memindahkan elemen lain di sekitarnya.


C). Maksud dan Tujuan
     Bisa mengetahui apa itu Margin dan kegunaanya.


D). Pembahasan
     Margin dapat diatur menggunakan properti margin "shorthand" (yaitu istilah, yang mewakili empat nilai marjin untuk elemen) atau dengan penulisan stye "longhand". Untuk itu dibawah saya beri contoh beberapa penulisan margin dalam css.

Contoh penulisan margin pada suatu elemen ("shorthand")

#element { margin: 10px;}

Ini berarti elemen memilki margin yang sama "10px" untuk setiap sisi elemen

#element { margin: 10px 20px; }

Ini berarti elemen memiliki:

-margin-top, margin-bottom : "10px"

-margin-left, margin-right : "20px"

#element { margin: 10px 20px 5px 15px; }

Elemen ini memiliki -margin-top : 10px, margin-right: 20px,  margin-bottom : 5px, margin-left: 15px

Berikut penulisan margin style "longhand":

#element { margin-top: 10px; margin-right: 5px; margin-bottom: 5px; margin-left: 10px;}

E). Masalah yang Ditemukan
     Penulisan element yang salah ukuran untuk marginnya.

F). Hasil Kesimpulan
   Margin (dalam pengertian CSS) adalah ruang disekitar elemen/konten. Margin akan membentuk daerah (ruang) vertikal dan horizontal antara elemen.

G). Referensi
        http://problogiz.blogspot.co.id/2012/12/pengertian-margin-padding-dan-border.html

Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada kesalahan mohon maaf semuanya. Terimakasih telah mengunjungi blok saya dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

 ~ Wassalamu'alaikum Wr. Wb. ~