Margin membersihkan area di sekitar sebuah elemen (luar perbatasan). Margin tidak memiliki warna latar belakang, dan benar-benar transparan.
Margin atas, kanan, bawah, dan kiri dapat diubah secara independen menggunakan properti terpisah. Sebuah properti marjin singkatan juga dapat digunakan, untuk mengubah semua margin sekaligus.
Kemungkinan Nilai
Nilai Keterangan
otomatis Browser set margin.
Hasil ini tergantung dari browser
Mendefinisikan panjang margin tetap (dalam pixel, pt, em, dll)
Mendefinisikan% margin dalam% dari elemen yang mengandung
Hal ini dimungkinkan untuk menggunakan nilai-nilai negatif, untuk tumpang tindih konten.
Margin – sisi individu
Dalam CSS, adalah mungkin untuk menentukan margin yang berbeda untuk sisi yang berbeda:
Contoh
margin-top: 100px;
margin-bottom: 100px;
margin-right: 50px;
margin-left: 50px;
Cobalah sendiri »
Margin – Singkatan properti
Untuk mempersingkat kode, adalah mungkin untuk menentukan semua properti margin dalam satu properti. Hal ini disebut properti steno.
Properti singkat untuk semua properti margin “margin”:
Contoh
margin: 50px 100px;
Properti margin yang dapat memiliki dari satu sampai empat nilai.
margin: 25px 50px 75px 100px;
margin atas 25px
margin kanan adalah 50px
margin bawah ini 75px
margin kiri adalah 100px
margin: 25px 50px 75px;
margin atas 25px
margin kanan dan kiri 50px
margin bawah ini 75px
margin: 50px 25px;
margin atas dan bawah 25px
margin kanan dan kiri 50px
margin: 25px;
keempat margin adalah 25px
Lebih Contoh
Mengatur margin atas dari teks menggunakan nilai cm
Contoh ini menunjukkan bagaimana untuk mengatur margin atas sebuah teks menggunakan nilai cm.
Mengatur margin bawah dari teks menggunakan nilai persen
Contoh ini menunjukkan bagaimana untuk mengatur margin bawah dalam persen, relatif terhadap lebar elemen mengandung.
Semua Margin Properti CSS
Deskripsi Properti
marjin Sebuah properti singkat untuk setting properti margin dalam satu deklarasi
margin-bottom Mengatur margin bawah dari suatu elemen
margin-left Mengatur margin kiri dari suatu elemen
margin-right Mengatur margin kanan dari suatu elemen
margin-top Mengatur margin atas dari suatu elemen
sumber : http://www.w3schools.com