मार्जिन बनाम पैडिंग
सीएसएस में मार्जिन और पैडिंग के बीच का अंतर एक महत्वपूर्ण पहलू है क्योंकि विभिन्न मदों के बीच अंतर प्रदान करने के लिए सीएसएस में मार्जिन और पैडिंग दो महत्वपूर्ण अवधारणाएं हैं। पैडिंग और मार्जिन विनिमेय नहीं हैं और अलग-अलग उद्देश्य हैं इसलिए उचित रूप से उपयोग किया जाना चाहिए। पैडिंग सामग्री और ब्लॉक की सीमा के बीच का स्थान है। दूसरी ओर, मार्जिन एक ब्लॉक की सीमा के बाहर का स्थान है। मार्जिन ब्लॉक को आसन्न ब्लॉक से अलग करता है जबकि पैडिंग सामग्री से बॉर्डर को अलग करता है।
पैडिंग क्या है?
सीएसएस (कैस्केडिंग स्टाइल शीट्स) में, पैडिंग सामग्री और बॉर्डर के बीच रखा गया स्थान है।यह एक ब्लॉक की सामग्री को उसके किनारे से अलग करता है। पैडिंग पारदर्शी है और इसमें तत्व की पृष्ठभूमि छवि या पृष्ठभूमि रंग भी शामिल है। सीएसएस कोड में "पैडिंग" शब्द का उपयोग करके किसी तत्व की पैडिंग की मात्रा निर्दिष्ट की जाती है। उदाहरण के लिए, सामग्री के चारों ओर 25px पैडिंग जोड़ने के लिए निम्नलिखित कोड का उपयोग किया जा सकता है।
दिव {
चौड़ाई: 300px;
ऊंचाई: 300px;
पैडिंग: 25px;
बॉर्डर: 25px ठोस;
}
यदि आवश्यक हो, तो बाएँ, दाएँ, ऊपर और नीचे के लिए भी अलग-अलग पैडिंग मान अलग-अलग निर्दिष्ट किए जा सकते हैं। निम्नलिखित कोड प्रत्येक पक्ष के लिए अलग-अलग पैडिंग मान निर्दिष्ट करता है।
दिव {
चौड़ाई: 300px;
ऊंचाई: 300px;
पैडिंग-टॉप: 25px;
पैडिंग-बॉटम: 35px;
पैडिंग-लेफ्ट: 5px;
पैडिंग-राइट: 10px;
बॉर्डर: 25px ठोस;
}
मार्जिन क्या है?
सीएसएस (कैस्केडिंग स्टाइल शीट्स) में, मार्जिन सीमा के बाहर की जगह है। यह एक ब्लॉक को दूसरे ब्लॉक से अलग करता है। मार्जिन भी पारदर्शी है, लेकिन पैडिंग के साथ एक बड़ा अंतर यह है कि मार्जिन में पृष्ठभूमि की छवियां या तत्व पर लागू पृष्ठभूमि रंग शामिल नहीं हैं। सीएसएस में मार्जिन की मात्रा "मार्जिन" शब्द का उपयोग करके निर्दिष्ट की जाती है। निम्नलिखित कोड ने डिव ब्लॉक के चारों ओर 25px मार्जिन लागू किया।
दिव {
चौड़ाई: 320px;
ऊंचाई: 320px;
बॉर्डर: 5px ठोस;
मार्जिन: 25px;
}
ब्लॉक के विभिन्न पक्षों के लिए भी अलग-अलग मान निर्दिष्ट किए जा सकते हैं। निम्नलिखित कोड प्रत्येक पक्ष के लिए अलग-अलग मार्जिन मान लागू करता है।
दिव {
चौड़ाई: 320px;
ऊंचाई: 320px;
बॉर्डर: 5px ठोस;
मार्जिन-टॉप: 25px;
मार्जिन-बॉटम: 35px;
मार्जिन-लेफ्ट: 5px;
मार्जिन-दाएं: 10px;
}
मार्जिन और पैडिंग में क्या अंतर है?
• पैडिंग सीमा और सामग्री के बीच का स्थान है जबकि मार्जिन सीमा के बाहर का स्थान है।
• पैडिंग किसी ब्लॉक की सामग्री को बॉर्डर से अलग करती है। मार्जिन एक ब्लॉक को दूसरे से अलग करता है।
• पैडिंग में सामग्री पर लागू पृष्ठभूमि चित्र और पृष्ठभूमि रंग होते हैं जबकि मार्जिन ऐसा नहीं करता है।
• आसन्न ब्लॉकों के मार्जिन ओवरलैप हो सकते हैं जबकि पैडिंग ओवरलैप नहीं होती है।
सारांश:
पैडिंग बनाम मार्जिन
पैडिंग एक ब्लॉक की सीमा के अंदर की जगह है जो सीमा को सामग्री से अलग करती है। मार्जिन सीमा के बाहर की दूरी है जो एक ब्लॉक को आसन्न ब्लॉक से अलग करती है। एक और अंतर यह है कि पैडिंग में सामग्री के चारों ओर लागू पृष्ठभूमि छवि और पृष्ठभूमि रंग शामिल होते हैं जबकि मार्जिन में वे शामिल नहीं होते हैं। जब ब्राउज़र पेज को रेंडर करता है तो आसन्न ब्लॉक के मार्जिन कभी-कभी ओवरलैप हो सकते हैं लेकिन पैडिंग के लिए ऐसा नहीं होगा।
