margin

A.Pendahuluan

    Hallo kawan saya di sini akan menjelasan tentang MARGIN CSS apa artinya dan fungsinya .....

B. Pengertian

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

C. Pembahasan

   Margin dapat diatur menggunakan properti margin "shorthand"(yaitu, yang mewakili empat nilai margin untuk  elemen) atau dengan penulisan style "longhand".

 

#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;}

D. Hasil Kesimpulan

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

E. Penutup

     Semoga Bermanfaat!!!!!!!!!!!!!!

F. Refrensi

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