CSS Margin.
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 margin singkatan juga dapat digunakan, untuk mengubah semua margin sekaligus.
Kemungkinan Nilai Margin.
Value | Description |
---|---|
auto | Browser menetapkan margin. Hasil ini tergantung dari browser. |
length | Mendefinisikan 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:
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
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:100px 50px;
Properti margin yang dapat memiliki dari satu sampai empat nilai.
- margin:25px 50px 75px 100px;
- top margin is 25px
- right margin is 50px
- bottom margin is 75px
- left margin is 100px
- margin:25px 50px 75px;
- top margin is 25px
- right and left margins are 50px
- bottom margin is 75px
- margin:25px 50px;
- top and bottom margins are 25px
- right and left margins are 50px
- margin:25px;
- all four margins are 25px