मार्जिन और पैडिंग भ्रमित करने वाले हो सकते हैं क्योंकि, कुछ मायनों में, वे एक ही चीज़ की तरह लगते हैं: किसी छवि या वस्तु के चारों ओर सफेद स्थान। यहां बताया गया है कि एक वेब डिजाइनर के रूप में आपको उनके अंतरों के बारे में क्या जानना चाहिए।
पैडिंग
पैडिंग एक छवि या सेल सामग्री और उसकी बाहरी सीमा के बीच का स्थान है। नीचे की छवि में, सामग्री के चारों ओर पैडिंग पीला क्षेत्र है। इस मामले में, पैडिंग पूरी तरह से सामग्री के चारों ओर जाती है: ऊपर, नीचे, दाएं और बाएं तरफ। आप निर्दिष्ट कर सकते हैं कि प्रत्येक पक्ष के लिए कितनी पैडिंग (प्रतिशत, पिक्सेल, अंक, आदि में) है, और उनका समान होना आवश्यक नहीं है। इस तरह, आप सामग्री को एक तत्व के भीतर रख सकते हैं।
मार्जिन
इसके विपरीत, हाशिये एक तत्व की सीमा के बाहर, तत्व के बीच और उसके आस-पास के स्थान होते हैं। छवि में, मार्जिन पूरी वस्तु के बाहर का सफेद क्षेत्र है। पैडिंग की तरह, मार्जिन इस उदाहरण में सामग्री के चारों ओर पूरी तरह से जाता है: ऊपर, नीचे, दाएं और बाएं तरफ। आप पृष्ठ पर divs और अन्य तत्वों को स्थान देने के लिए हाशिये का उपयोग कर सकते हैं।
हमेशा विभिन्न ब्राउज़रों, ऑपरेटिंग सिस्टम (मोबाइल सहित) और स्क्रीन आकारों में अपने पृष्ठों का परीक्षण करके सुनिश्चित करें कि वे ठीक वैसे ही प्रदर्शित होते हैं जैसे आप उन्हें दिखाना चाहते हैं।
