Model kotak: Marjin penggabungan CSS
- Hal Sebelumnya Margin Luar CSS
- Hal Berikutnya Ringkasan Pengaturan CSS
Penggabungan marjin mengacu pada saat marjin vertikal bertemu, mereka akan membentuk marjin.
Tinggi marjin yang digabungkan sama dengan yang terbesar dari tinggi marjin yang tergabung.
Penggabungan marjin
Penggabungan marjin (penambahan) adalah konsep yang cukup sederhana. Tetapi, dalam praktek pengaturan tata letak halaman web, ini dapat menyebabkan banyak kebingungan.
Dengan kata sederhana, penggabungan marjin mengacu pada saat marjin vertikal bertemu, mereka akan membentuk marjin. Tinggi marjin yang digabungkan sama dengan yang terbesar dari tinggi marjin yang tergabung.
Ketika sebuah elemen muncul di atas elemen lain, marjin eksternal bawah elemen pertama akan tergabung dengan marjin eksternal atas elemen kedua. Lihat gambar di bawah ini:
Ketika sebuah elemen disebutkan didalam elemen lain (dengan asumsi tidak ada marjin internal atau garis batas yang memisahkan marjin eksternal), marjin eksternal atas dan/atau bawahnya juga akan tergabung. Lihat gambar di bawah ini:
Meskipun terlihat aneh, marjin bahkan dapat tergabung dengan dirinya sendiri.
Dengan asumsi ada elemen kosong yang memiliki marjin eksternal tetapi tidak memiliki garis batas atau isian. Dalam hal ini, marjin eksternal atas dan bawah akan bertemu dan akan tergabung:
Jika margin ini bertemu dengan margin elemen lain, ia akan terjadi penggabungan:
Ini adalah alasan berbagai elemen paragraf mengambil ruang yang sangat kecil, karena semua margin mereka digabungkan bersama-sama, membentuk margin yang kecil.
Penggabungan margin di awal mungkin terlihat mengejutkan, tetapi sebenarnya ia mempunyai makna. Sebagai contoh, halaman teks biasa yang terdiri dari beberapa paragraf. Ruang atas paragraf pertama sama dengan margin atas paragraf. Jika tidak terjadi penggabungan margin, margin antara semua paragraf berikutnya akan menjadi sumbu margin atas dan bawah yang berdekatan. Ini berarti ruang antara paragraf adalah dua kali lipat dari puncak halaman. Jika terjadi penggabungan margin, margin atas dan bawah paragraf akan digabungkan bersama-sama, sehingga jarak di tempat lain akan sama.
Keterangan:Hanya margin vertikal blok di alur dokumen biasa yang akan terjadi penggabungan margin. Margin antara blok teks, blok gelombang, atau elemen yang ditempatkan absolut tidak akan digabungkan.
- Hal Sebelumnya Margin Luar CSS
- Hal Berikutnya Ringkasan Pengaturan CSS
