CSS बाहरी मार्जिन मिलान
- पिछला पृष्ठ CSS बाहरी मार्जिन
- अगला पृष्ठ CSS आंतरिक मार्जिन
बाह्य किनारा मिलाना इसका अर्थ है कि जब दो ऊर्ध्व बाह्य किनारा मिलते हैं, तो वे एक बाह्य किनारा बना देंगे。
मिलाने के बाद का बाह्य किनारा का ऊंचाई दोनों में से बड़ी ऊंचाई के बराबर होगी。
बाह्य किनारा मिलाना
बाह्य किनारा मिलाना (उपरीक्षण) एक काफी सरल संकल्पन है। लेकिन, वास्तव में वेब पृष्ठ का बैनर करते समय, यह काफी भ्रमणाकार होता है。
साधारणता से कहा, बाह्य किनारा मिलाना इसका अर्थ है कि जब दो ऊर्ध्व बाह्य किनारा मिलते हैं, तो वे एक बाह्य किनारा बना देंगे। मिलाने के बाद का बाह्य किनारा का ऊंचाई दोनों में से बड़ी ऊंचाई के बराबर होगी。
एक तत्व दूसरे तत्व के ऊपर होने पर, पहले तत्व की नीचे की बाह्य किनारा और दूसरे तत्व की ऊपरी बाह्य किनारा मिल जाएगी। नीचे दिए गए चित्र को देखें:
एक तत्व दूसरे तत्व के अंदर होने पर (सोचा जाए कि निर्देशकता या किनारा बाह्य किनारे को अलग करने के लिए नहीं है), तो उनकी ऊपरी और/या नीचे की बाह्य किनारा भी मिल जाएगी। नीचे दिए गए चित्र को देखें:
यद्यपि इसका दिखावा कुछ अजीब होता है, लेकिन बाह्य किनारा यहीं अपने आप से मिल सकता है。
यदि एक खाली तत्व हो, जिसके पास बाह्य किनारा है, लेकिन कोई किनारा या फ़िल्ल ही नहीं है, तो इस स्थिति में ऊपरी और नीचे की बाह्य किनारा एकसी हो जाएगी और वे मिल जाएगी:
यदि यह बाह्य किनारा दूसरे तत्व के बाह्य किनारे से मिलता है, तो यह भी मिल जाएगा:
यही कारण है कि एक श्रृंखला पैराग्राफ तत्वों को बहुत कम स्थान लेने का, क्योंकि उनकी सभी बाह्य किनारा मिलाने के बाद एक छोटी बाह्य किनारा बन जाती है。
बाह्य किनारा मिलाना पहले से थोड़ा अजीब लग सकता है, लेकिन वास्तव में, यह काफी अर्थवान है। कई पैराग्राफों से युक्त एक तीक्ष्ण पाठ पृष्ठ के लिए उदाहरण दें। पहले पैराग्राफ के ऊपर का अंतर पैराग्राफ की ऊपरी अधिकतरता से समान है। अगर अधिकतरता मिलाना नहीं होता, तो अगले सभी पैराग्राफों के बीच की अधिकतरता अनुसूचित ऊपरी और नीचे की अधिकतरता का योग होगी। इसका मतलब है कि पैराग्राफों के बीच का अंतर पृष्ठ के ऊपर के दोगुना है। अगर अधिकतरता मिलाना होता है, तो पैराग्राफों के बीच की ऊपरी और नीचे की अधिकतरता एकसी बन जाएगी, इस तरह सभी स्थानों की दूरी एकसी होगी。
टिप्पणी：केवल सामान्य दस्तावेज़ प्रवाह में ब्लॉक बॉक्स की अधिकतरता की अधिकतरता ही विद्यमान होगी। इनलाइन बॉक्स, फ्लोटिंग बॉक्स या अधिकतरता स्थानांतरण बॉक्स के बीच की अधिकतरता नहीं मिली जाएगी。
सभी CSS बाह्य किनारा गुण
| अटैचमेंट | वर्णन |
|---|---|
| margin | एक ही घोषणा में बाहरी बॉर्डर की माउंटिंग अटैचमेंट को सेट करने के लिए एक संक्षिप्त अटैचमेंट |
| margin-bottom | एलिमेंट की नीचे बाहरी बॉर्डर की माउंटिंग सेट करना |
| margin-left | एलिमेंट की बाईं बाहरी बॉर्डर की माउंटिंग सेट करना |
| margin-right | एलिमेंट की दायां बाहरी बॉर्डर की माउंटिंग सेट करना |
| margin-top | एलिमेंट की ऊपरी बाहरी बॉर्डर की माउंटिंग सेट करना |
- पिछला पृष्ठ CSS बाहरी मार्जिन
- अगला पृष्ठ CSS आंतरिक मार्जिन
