बॉक्स मॉडल: CSS बाहरी गार्डिन का मिलना

बाहरी गार्डिन का मिलना इसका अर्थ है, जब दो खंडी बाहरी गार्डिन मिलती हैं, तो वे एक बाहरी गार्डिन बना देंगे.

मिलने वाली बाहरी गार्डिन की ऊंचाई दोनों में सबसे बड़ी बाहरी गार्डिन की ऊंचाई से बराबर होगी.

बाहरी गार्डिन का मिलना

बाहरी गार्डिन का मिलना (जोड़ना) एक बहुत ही सरल संकल्पन है. लेकिन, वास्तव में वेबपेज का लेआउट करते समय, यह काफी भ्रम का कारण बनता है。

साधारणता से कहा, बाहरी गार्डिन का मिलना इसका अर्थ है, जब दो खंडी बाहरी गार्डिन मिलती हैं, तो वे एक बाहरी गार्डिन बना देंगे. मिलने वाली बाहरी गार्डिन की ऊंचाई दोनों में सबसे बड़ी बाहरी गार्डिन की ऊंचाई से बराबर होगी.

एक एलीमेंट दूसरे एलीमेंट के ऊपर आने पर, पहले एलीमेंट की निचली बाहरी गार्डिन और दूसरे एलीमेंट की ऊपरी बाहरी गार्डिन एक साथ हो सकती है. नीचे दिए गए चित्र को देखें:

CSS बाह्य गठन समेकन उदाहरण 1

आप खुद सबसे परीक्षण करें

एक एलीमेंट दूसरे एलीमेंट में होने पर (यदि निचली गार्डिन या बोर्डर नहीं हैं जो बाहरी गार्डिन को अलग करे), उनकी ऊपरी और/या निचली बाहरी गार्डिन भी एक साथ हो सकती हैं. नीचे दिए गए चित्र को देखें:

CSS बाह्य गठन समेकन उदाहरण 2

आप खुद सबसे परीक्षण करें

देखने में थोड़ा अजीब लगता है, लेकिन बाहरी गार्डिन यहीं खुद से भी एक साथ हो सकता है。

यदि कोई खाली एलीमेंट हो, जिसके पास बाहरी गार्डिन (मार्ग) है, लेकिन बोर्डर या फुल्लर (भर) नहीं है, तो इस स्थिति में ऊपरी बाहरी गार्डिन और निचली बाहरी गार्डिन एक साथ आ जाएंगी और वे एक साथ हो जाएंगे:

CSS बाह्य गठन समेकन उदाहरण 3

यदि यह बाह्य गठन एक अन्य एलिमेंट के बाह्य गठन से भेंट होता है, तो यह भी समेकित होगा:}}

CSS बाह्य गठन समेकन उदाहरण 4

यही कारण है कि एक श्रृंखला के परिच्छेदों के एलिमेंटों द्वारा खोजी गई जगह बहुत कम होती है, क्योंकि उनका सभी बाह्य गठन एक छोटे बाह्य गठन में समेकित होता है।

बाह्य गठन समेकन पहले देखने पर कुछ अजीब लगता है, लेकिन वास्तव में, यह काफी मायने रखता है।कई परिच्छेदों से युक्त आम पाठ पृष्ठ के लिए उदाहरण के तौर पर।पहले परिच्छेद के ऊपर का अंतर उच्च बाह्य गठन के बराबर है।यदि बाह्य गठन समेकन नहीं होता, तो अन्य सभी परिच्छेदों के बीच का बाह्य गठन पारस्परिक ऊपरी और नीचे के बाह्य गठन के बराबर होगा।इसका मतलब है कि परिच्छेदों के बीच का अंतर पृष्ठ के ऊपर के दोगुना होगा।यदि बाह्य गठन समेकन होता है, तो परिच्छेदों के बीच का ऊपरी और नीचे का बाह्य गठन समेकन होता है और अब सभी जगह की दूरी एक समान है।

CSS बाह्य गठन का वास्तविक अर्थ

टिप्पणी:केवल आम दस्तावेज़ प्रवाह में ब्लॉक बॉक्स की ऊर्ध्व बाह्य गठन में बाह्य गठन समेकन होता है।ग्रिड बॉक्स, फ्लॉटिंग या अभिन्न स्थानांतरण के बीच का बाह्य गठन समेकन नहीं होता।