Model kotak: Marjin luar penggabungan CSS
- Hal Sebelumnya Marjin Luar CSS
- Hal Berikutnya Ringkasan Lokasi CSS
Penggabungan marjin luar merujuk kepada, ketika marjin luar vertikal bertemu, mereka akan membentuk marjin luar.
Tinggi marjin luar yang digabungkan sama dengan tinggi yang terbesar dari marjin luar yang digabungkan.
Penggabungan marjin luar
Penggabungan marjin luar (penambahan) adalah konsep yang cukup sederhana. Tetapi, dalam praktis mengelola layout halaman web, ia akan menyebabkan banyak kebingungan.
Dengan kata lain, penggabungan marjin luar merujuk kepada, ketika marjin luar vertikal bertemu, mereka akan membentuk marjin luar. Tinggi marjin luar yang digabungkan sama dengan tinggi yang terbesar dari marjin luar yang digabungkan.
Ketika elemen muncul di atas elemen lain, marjin luar bawah elemen pertama dan marjin luar atas elemen kedua akan disatukan. Lihat gambar di bawah:
Ketika elemen terdapat didalam elemen lain (diassumsikan tiada marjin dalam atau garisan yang memisahkan marjin luar), marjin luar atas dan/atau bawah mereka juga akan disatukan. Lihat gambar di bawah:
Walaupun kelihatannya ganjil, marjin luar bahkan boleh disatukan dengan dirinya sendiri.
Jika ada elemen kosong, dia mempunyai marjin luar tetapi tiada garisan atau isian. Dalam keadaan ini, marjin luar atas dan bawah bertemu dan akan disatukan:
Jika marjin ini bertemu dengan marjin elemen lain, ia akan terjadi penggabungan:
Ini adalah sebab alur paragraf yang berbagai elemen mempunyai ruang yang kecil, kerana semua marjin mereka digabungkan bersama-sama untuk membentuk marjin yang kecil.
Pada awalnya, penggabungan marjin luar mungkin terasa aneh, tetapi sebenarnya ia mempunyai makna. Sebagai contoh, halaman teks biasa yang terdiri daripada beberapa paragraf. Ruang di atas pertama paragraf setara dengan marjin luar atas paragraf. Jika tidak terjadi penggabungan marjin, marjin antara semua paragraf berikutnya akan adalah sumbu marjin atas dan bawah yang berdekatan. Ini berarti ruang antara paragraf adalah dua kali lipat daripada di atas. Jika terjadi penggabungan marjin, marjin atas dan bawah antara paragraf akan digabungkan bersama-sama, sehingga jarak di tempat yang sama adalah serupa.
Keterangan:Hanya marjin luar vertikal blok dalam alur dokumen biasa yang akan mengalami penggabungan marjin. Marjin antara blok teks, blok gelombang, atau lokasi absolut tidak akan digabungkan.
- Hal Sebelumnya Marjin Luar CSS
- Hal Berikutnya Ringkasan Lokasi CSS
