Penggabungan Margin CSS
- Halaman Sebelumnya Margin CSS
- Halaman Berikutnya Margin Dalam CSS
Penggabungan marjin berarti, ketika dua marjin vertikal bertemu, mereka akan membentuk marjin.
Tinggi marjin setelah penggabungan sama dengan tinggi yang terbesar dari marjin yang digabungkan.
Penggabungan marjin
Penggabungan marjin (penggabungan) adalah konsep yang cukup sederhana. Tetapi, dalam praktik pengelolaan halaman web, ini dapat menyebabkan banyak kebingungan.
Dengan kata sederhana, penggabungan marjin berarti, ketika dua marjin vertikal bertemu, mereka akan membentuk marjin. Tinggi marjin setelah penggabungan sama dengan tinggi yang terbesar dari marjin yang digabungkan.
Ketika elemen muncul di atas elemen lain, marjin bawah elemen pertama akan digabungkan dengan marjin atas elemen kedua. Lihat gambar di bawah ini:
Ketika elemen berada di dalam elemen lain (dengan asumsi tidak ada marjin dalam atau garis bawah yang memisahkan marjin), marjin atas dan/atau bawah mereka juga akan digabungkan. Lihat gambar di bawah ini:
Walaupun terlihat ganjil, marjin bahkan dapat digabungkan dengan dirinya sendiri.
Dengan asumsi ada elemen kosong yang memiliki marjin, tetapi tanpa garis bawah atau isian. Dalam hal ini, marjin atas dan bawah bertemu bersama-sama, dan mereka akan digabungkan:
Jika marjin ini bertemu dengan marjin elemen lain, ia akan terjadi penggabungan:
Ini adalah alasan karena ruang yang diambil oleh elemen paragraf sangat kecil, karena semua marjin mereka digabungkan bersama-sama, membentuk marjin yang kecil.
Penggabungan marjin terlihat mungkin ganjil, tetapi sebenarnya, ini mempunyai makna yang relevan. Sebagai contoh, halaman teks tipikal yang terdiri dari beberapa paragraf. Ruang atas paragraf pertama sama dengan marjin atas paragraf. Jika tidak terjadi penggabungan marjin, marjin antara semua paragraf berikutnya akan sama dengan sumbu marjin atas dan bawah yang berdekatan. Ini berarti ruang antara paragraf adalah dua kali lipat dari atas halaman. Jika terjadi penggabungan marjin, marjin atas dan bawah paragraf akan digabungkan bersama, sehingga jarak di tempat lain akan seimbang.
Keterangan:Hanya marjin vertikal blok dalam alur dokumen biasa yang akan mengalami penggabungan marjin. Marjin untuk blok teks, blok mengambang, atau posisi absolut tidak akan digabungkan.
Seluruh properti marjin luar CSS
| Properti | Deskripsi |
|---|---|
| margin | Aturan singkat untuk mengatur properti margin dalam satu deklarasi. |
| margin-bottom | Atur margin bawah elemen. |
| margin-left | Atur margin kiri elemen. |
| margin-right | Atur margin kanan elemen. |
| margin-top | Atur margin atas elemen. |
- Halaman Sebelumnya Margin CSS
- Halaman Berikutnya Margin Dalam CSS
