वेब डिज़ाइन में पैडिंग और मार्जिन के बीच अंतर को समझना

इस गाइड के साथ दोनों को अलग करें

यदि आप नहीं जानते कि पैडिंग और मार्जिन के बीच क्या अंतर है, तो आप अकेले नहीं हैं। यह अक्सर पूछे जाने वाले प्रश्न है और कई वेब डिजाइनर स्टंप कर चुके हैं। इस त्वरित ट्यूटोरियल के साथ, दोनों के बीच अंतर करना सीखें।

अंतर को समझना

मार्जिन और पैडिंग नौसिखिया वेब डिजाइनर और कभी-कभी डिजाइनरों को अधिक अनुभव के साथ भ्रमित कर सकते हैं। आखिरकार, कुछ तरीकों से, वे एक ही चीज़ की तरह लगते हैं: एक छवि या वस्तु के चारों ओर सफेद जगह।

पैडिंग सीमा और वास्तविक छवि या सेल सामग्री के बीच सीमा के अंदर बस जगह है। छवि में, पैडिंग सामग्री के चारों ओर पीला क्षेत्र है। ध्यान दें कि पैडिंग सामग्री के चारों ओर पूरी तरह से चला जाता है। आपको शीर्ष, निचले, दाएं और बाएं किनारे पर पैडिंग मिल जाएगी।

दूसरी ओर, मार्जिन सीमा के बाहर की सीमा, सीमा के बीच और इस वस्तु के बगल में अन्य तत्व हैं। छवि में, मार्जिन पूरे ऑब्जेक्ट के बाहर काइट क्षेत्र है। ध्यान दें कि, पैडिंग की तरह, मार्जिन सामग्री के चारों ओर पूरी तरह से चला जाता है। ऊपर, नीचे, दाएं और बाएं किनारे पर मार्जिन हैं।

उपयोगी सलाह

ध्यान रखें कि यदि आप हाशिए और पैडिंग के साथ वास्तव में फैंसी चीजों को करने की योजना बना रहे हैं कि कुछ ब्राउज़र, जैसे इंटरनेट एक्सप्लोरर, बॉक्स मॉडल को सही तरीके से लागू नहीं करते हैं। इसका मतलब यह है कि आपके ब्राउज़र अन्य ब्राउज़रों में अलग-अलग (और कभी-कभी काफी अलग) दिखाई देंगे।