মার্জিন এবং প্যাডিং বিভ্রান্তিকর হতে পারে কারণ, কিছু উপায়ে, তারা একই জিনিসের মতো মনে হয়: একটি চিত্র বা বস্তুর চারপাশে সাদা স্থান। ওয়েব ডিজাইনার হিসেবে তাদের পার্থক্য সম্পর্কে আপনার যা জানা দরকার তা এখানে।
প্যাডিং
প্যাডিং হল একটি ছবি বা ঘরের বিষয়বস্তু এবং এর বাইরের সীমানার মধ্যবর্তী স্থান। নীচের ছবিতে, প্যাডিং হল বিষয়বস্তুর চারপাশে হলুদ এলাকা। এই ক্ষেত্রে, প্যাডিং সম্পূর্ণরূপে বিষয়বস্তুর চারপাশে যায়: উপরে, নীচে, ডান এবং বাম দিকে। আপনি প্রতিটি পাশের জন্য কত প্যাডিং (শতাংশ, পিক্সেল, পয়েন্ট, ইত্যাদি) নির্দিষ্ট করতে পারেন এবং তাদের একই হতে হবে না। এইভাবে, আপনি একটি উপাদানের মধ্যে বিষয়বস্তু স্থাপন করতে পারেন।
মার্জিন
বিপরীতভাবে, মার্জিন হল একটি উপাদানের সীমানার বাইরে, উপাদান এবং এর সংলগ্ন যা কিছুর মধ্যে স্থান। ছবিতে, মার্জিন হল পুরো বস্তুর বাইরের সাদা অংশ। প্যাডিংয়ের মতো, মার্জিনটি এই উদাহরণের বিষয়বস্তুর চারপাশে সম্পূর্ণভাবে যায়: উপরে, নীচে, ডানদিকে এবং বাম দিকে। আপনি একটি পৃষ্ঠায় ডিভ এবং অন্যান্য উপাদানের অবস্থানের জন্য মার্জিন ব্যবহার করতে পারেন।
আপনার পৃষ্ঠাগুলিকে সবসময় বিভিন্ন ব্রাউজারে, অপারেটিং সিস্টেমে (মোবাইল সহ) এবং স্ক্রীনের আকারগুলি পরীক্ষা করুন যাতে সেগুলি ঠিক যেমনটি আপনি দেখতে চান ঠিক তেমনই প্রদর্শিত হয়।