মার্জিন বনাম প্যাডিং
মার্জিন এবং প্যাডিং এর মধ্যে পার্থক্য CSS-এ একটি গুরুত্বপূর্ণ দিক কারণ মার্জিন এবং প্যাডিং দুটি গুরুত্বপূর্ণ ধারণা CSS-এ ব্যবহৃত বিভিন্ন আইটেমের মধ্যে ব্যবধান প্রদান করতে। প্যাডিং এবং মার্জিন বিনিময়যোগ্য নয় এবং বিভিন্ন উদ্দেশ্য আছে তাই যথাযথভাবে ব্যবহার করা আবশ্যক। প্যাডিং হল বিষয়বস্তু এবং ব্লকের সীমানার মধ্যবর্তী স্থান। অন্যদিকে মার্জিন হল একটি ব্লকের সীমানার বাইরের স্থান। মার্জিন সংলগ্ন ব্লকগুলি থেকে ব্লকগুলিকে আলাদা করে যখন প্যাডিং বিষয়বস্তু থেকে সীমানাকে আলাদা করে৷
প্যাডিং কি?
CSS (ক্যাসকেডিং স্টাইল শীট)-এ, প্যাডিং হল বিষয়বস্তু এবং সীমানার মধ্যে রাখা স্থান।এটি একটি ব্লকের বিষয়বস্তুকে তার প্রান্ত থেকে আলাদা করে। প্যাডিংটি স্বচ্ছ এবং এতে পটভূমির চিত্র বা উপাদানটির পটভূমির রঙও রয়েছে। CSS কোডে "প্যাডিং" শব্দটি ব্যবহার করে একটি উপাদানের প্যাডিংয়ের পরিমাণ নির্দিষ্ট করা হয়। উদাহরণস্বরূপ, বিষয়বস্তুর চারপাশে একটি 25px প্যাডিং যুক্ত করতে নিম্নলিখিত কোডটি ব্যবহার করা যেতে পারে।
div {
প্রস্থ: 300px;
উচ্চতা: 300px;
প্যাডিং: 25px;
সীমানা: 25px কঠিন;
}
যদি প্রয়োজন হয়, বিভিন্ন প্যাডিং মান আলাদাভাবে বাম, ডান, উপরে এবং নীচের জন্যও নির্দিষ্ট করা যেতে পারে। নিচের কোডটি প্রতিটি পাশের জন্য আলাদা আলাদা প্যাডিং মান নির্দিষ্ট করে।
div {
প্রস্থ: 300px;
উচ্চতা: 300px;
প্যাডিং-টপ: 25px;
প্যাডিং-বটম: 35px;
প্যাডিং-বাম: 5px;
প্যাডিং-ডান: 10px;
সীমানা: 25px কঠিন;
}
মারজিন কি?
CSS (ক্যাসকেডিং স্টাইল শীট) এ, মার্জিন হল সীমানার বাইরের স্থান। এটি একটি ব্লককে অন্য ব্লক থেকে আলাদা করে। মার্জিনটিও স্বচ্ছ, তবে প্যাডিংয়ের সাথে একটি বড় পার্থক্য হল যে মার্জিনে উপাদানটিতে প্রয়োগ করা পটভূমির চিত্র বা পটভূমির রং অন্তর্ভুক্ত করা হয় না। CSS-এ মার্জিনের পরিমাণ "মার্জিন" শব্দটি ব্যবহার করে নির্দিষ্ট করা হয়। নিচের কোডের অংশটি div ব্লকের চারপাশে 25px মার্জিন প্রয়োগ করেছে।
div {
প্রস্থ: 320px;
উচ্চতা: 320px;
সীমানা: 5px কঠিন;
মার্জিন: 25px;
}
ব্লকের বিভিন্ন দিকের জন্যও বিভিন্ন মান নির্দিষ্ট করা যেতে পারে। নিম্নলিখিত কোডের অংশটি প্রতিটি পাশের জন্য আলাদা মার্জিন মান প্রয়োগ করে৷
div {
প্রস্থ: 320px;
উচ্চতা: 320px;
সীমানা: 5px কঠিন;
মার্জিন-টপ: 25px;
মার্জিন-নিচ: 35px;
মার্জিন-বাম: 5px;
মার্জিন-ডান: 10px;
}
মার্জিন এবং প্যাডিংয়ের মধ্যে পার্থক্য কী?
• প্যাডিং হল সীমানা এবং বিষয়বস্তুর মধ্যবর্তী স্থান এবং মার্জিন হল সীমানার বাইরের স্থান।
• প্যাডিং একটি ব্লকের বিষয়বস্তুকে বর্ডার থেকে আলাদা করে। মার্জিন একটি ব্লককে অন্য ব্লক থেকে আলাদা করে।
• প্যাডিংয়ে পটভূমির ছবি এবং পটভূমির রং থাকে বিষয়বস্তুতে প্রয়োগ করা হয় যখন মার্জিনে এমন কিছু থাকে না।
• সংলগ্ন ব্লকের মার্জিন ওভারল্যাপ হতে পারে যখন প্যাডিং ওভারল্যাপ হয় না।
সারাংশ:
প্যাডিং বনাম মার্জিন
প্যাডিং হল একটি ব্লকের সীমানার ভিতরের স্থান যা বর্ডারটিকে বিষয়বস্তু থেকে আলাদা করে। মার্জিন হল সীমানার বাইরের ব্যবধান যা একটি ব্লককে সংলগ্ন ব্লক থেকে আলাদা করে। আরেকটি পার্থক্য হল প্যাডিং-এ পটভূমির ছবি এবং বিষয়বস্তুর চারপাশে প্রয়োগ করা ব্যাকগ্রাউন্ড রং অন্তর্ভুক্ত থাকে যখন মার্জিনে সেগুলি থাকে না। ব্রাউজার যখন পৃষ্ঠাটি রেন্ডার করে তখন সংলগ্ন ব্লকের মার্জিন কখনও কখনও ওভারল্যাপ হতে পারে কিন্তু প্যাডিংয়ের জন্য এমন কিছু ঘটবে না।
