ഈ ഗൈഡിനോട് രണ്ട് വേർതിരിക്കുക
പാഡിംഗ്, മാർജിൻ എന്നിവ തമ്മിലുള്ള വ്യത്യാസം എന്താണെന്ന് നിങ്ങൾക്ക് അറിയില്ലെങ്കിൽ നിങ്ങൾ ഒറ്റയല്ല. ഇത് പതിവായി ചോദിക്കുന്ന ചോദ്യമാണ്, അത് പല വെബ് ഡിസൈനറുകാരനെയും സ്റ്റംപെടുത്തിയിട്ടുണ്ട്. ഈ പെട്ടെന്നുള്ള ട്യൂട്ടോറിയലിനൊപ്പം, അവ തമ്മിൽ വേർതിരിച്ചറിയാൻ പഠിക്കുക.
വ്യത്യാസം മനസ്സിലാക്കുന്നു
നവീന വെബ് ഡിസൈനർമാർക്കും ചിലപ്പോൾ ഡിസൈനർമാർക്കും കൂടുതൽ പരിചയവും മാർജിനുകളും പാഡിംഗും ആശയക്കുഴപ്പത്തിലാക്കും. എല്ലാത്തിനുമുപരി, ചില കാര്യങ്ങളിൽ അവർ ഒരേ കാര്യം തന്നെ: ഒരു ഇമേജ് അല്ലെങ്കിൽ വസ്തുവിന് ചുറ്റുമുള്ള വെളുത്ത സ്പേസ്.
പാഡിംഗ് ബോർഡറും അതിർത്തിയുള്ള ഇമേജും സെൽ ഉള്ളടക്കങ്ങളും തമ്മിലുള്ള അതിർത്തിയിൽ മാത്രമായിരിക്കും. ചിത്രത്തിൽ, പേഡ്ഡിംഗ് ചുറ്റുമുള്ള മഞ്ഞ പ്രദേശം. പാഡിംഗ് പൂർണമായും ഉള്ളടക്കത്തെ ചുറ്റിക്കറങ്ങുന്നത് ശ്രദ്ധിക്കുക. മുകളിൽ, താഴെ, വലത്, ഇടത് ഭാഗത്ത് നിങ്ങൾക്ക് പാഡിംഗ് കണ്ടെത്താം.
മറുവശത്ത്, അതിർത്തിയ്ക്കു പുറത്തുള്ള ഇടങ്ങൾ, അതിർത്തിയ്ക്കും മറ്റ് വസ്തുക്കൾക്കുമിടയിൽ ഈ ഒബ്ജക്റ്റിന് അടുത്താണ്. ചിത്രത്തിൽ, ഒബ്ജക്റ്റ് മുഴുവൻ വസ്തുവിനു പുറത്തുള്ള വൈറ്റ് ഏരിയയാണ്. പാഡിങ്ങുകൾ പോലെ, മാർജിനിലെ ഉള്ളടക്കം പൂർണമായി ചുറ്റുന്നു. മുകളിൽ, താഴെ, വലത്, ഇടതു വശങ്ങളിൽ മാർജിനുകൾ ഉണ്ട്.
പ്രയോജനകരമായ നുറുങ്ങുകൾ
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ പോലെയുള്ള ചില ബ്രൌസറുകൾ ബോക്സ് മോഡൽ ശരിയായി നടപ്പാക്കുന്നില്ലെന്ന്, നിങ്ങൾ ശരിക്കും ഫാൻസി പദങ്ങൾ മാർജിനുകളും പാഡിംഗും ചെയ്യാൻ ആലോചിക്കുന്നുണ്ടെങ്കിൽ ദയവായി ശ്രദ്ധിക്കുക. ഇതിനർത്ഥം നിങ്ങളുടെ പേജുകൾ മറ്റ് ബ്രൗസറുകളിൽ വ്യത്യസ്തവും (ചിലപ്പോൾ വളരെയധികം വ്യത്യസ്തവുമാണ്).