সিএসএস-এ মার্জিন বনাম প্যাডিং কখন ব্যবহার করবেন

' ক্লাস থাকার পাত্র ' margin-div 'এবং প্রয়োগ করুন' শৈলী ' হিসাবে বৈশিষ্ট্য ' সীমানা: 1px কঠিন কালো ” এর পরে, কিছু লেখা যোগ করুন '

ট্যাগ:

< div ক্লাস = 'মার্জিন-ডিভ' শৈলী = 'সীমানা: 1px কঠিন কালো' >
< পি >লিনাক্সহিন্ট হল অন্যতম সেরা টিউটোরিয়াল ওয়েবসাইট।< br >
< / পি >
< div >

আউটপুট

এখন, “.margin-div” ক্লাসে “margin” প্রপার্টি প্রয়োগ করুন:

.margin-div {
পটভূমি- রঙ : আরজিবি ( 199 , 238 , 205 ) ;
হরফ- আকার : মধ্যম;
সীমান্ত : 3px rgb ( 114 , 250 , 114 ) ;
মার্জিন: 100px 100px 100px 100px;
}

উপরের কোডে, ' .margin-div নিচের তালিকাভুক্ত বৈশিষ্ট্যগুলি প্রয়োগ করতে div উপাদান অ্যাক্সেসের জন্য ব্যবহার করা হয়:

• ' পেছনের রঙ ” বৈশিষ্ট্য ব্যাকগ্রাউন্ডে রঙ প্রয়োগ করতে ব্যবহৃত হয়।
• ' অক্ষরের আকার ” ফন্টের আকার সামঞ্জস্য করতে ব্যবহার করা হয়।
• ' মার্জিন ” উপাদানের বাইরে স্থান বরাদ্দ করে। উদাহরণস্বরূপ, আমরা 'মার্জিন' সম্পত্তি সেট করেছি ' 100px ”

এখানে, আপনি দেখতে পাচ্ছেন আমরা সফলভাবে সেট করেছি ' মার্জিন 'দ্বিতীয়তে সম্পত্তি' div 'উপাদান:

কিভাবে CSS এ 'প্যাডিং' ব্যবহার করবেন?

'প্যাডিং' বৈশিষ্ট্য ব্যবহার করার জন্য, উপরে বর্ণিত উদাহরণগুলি ব্যবহার করা হয়েছে। দ্বিতীয়টিতে ' div 'পাত্র, ক্লাস ব্যবহার করুন' প্যাডিং-ডিভ 'প্যাডিং প্রয়োগ করতে:

< div ক্লাস = 'লিনাক্স' >
< পি > Linuxhint হল সেরা টিউটোরিয়াল ওয়েবসাইটগুলির মধ্যে একটি < / পি >
< / div >
< div ক্লাস = 'প্যাডিং-ডিভ' শৈলী = 'সীমানা: 1px কঠিন কালো' >
< পি >লিনাক্সহিন্ট হল অন্যতম সেরা টিউটোরিয়াল ওয়েবসাইট।< br >
< / পি >
< / div >

আউটপুট

প্যাডিং এবং অন্যান্য CSS বৈশিষ্ট্য প্রয়োগ করতে “ .padding-div ” ক্লাস, প্রদত্ত কোডটি একবার দেখুন:

.padding-div {
পটভূমি- রঙ : আরজিবি ( 199 , 238 , 205 ) ;
হরফ- আকার : মধ্যম;
প্যাডিং: 50px 50px 50px 50px;
}

উপরে উল্লিখিত কোডে, আমরা দ্বিতীয় 'এক্সেস করেছি' div 'বর্গ ব্যবহার করে উপাদান' .padding-div ” আমরা 'ব্যাকগ্রাউন্ড-কালার' এবং 'ফন্ট-সাইজ' সেট করেছি। তাছাড়া, ' প্যাডিং ' সম্পত্তি প্রতিটি দিক থেকে উপাদান বিষয়বস্তুর চারপাশে স্থান যোগ করতে ব্যবহৃত হয় ' 50px ”

আউটপুট

আমরা CSS-এ 'প্যাডিং' এবং 'মার্জিন' এর পার্থক্য এবং ব্যবহার ব্যাখ্যা করেছি।

উপসংহার

সিএসএস ' মার্জিন ' উপাদানটির চারপাশে ব্যবধান সেট করতে ব্যবহৃত হয়, যখন ' প্যাডিং ” উপাদান সামগ্রীর চারপাশে ব্যবধান যোগ করতে ব্যবহৃত হয়। মার্জিন বা প্যাডিং প্রপার্টি প্রয়োগ করতে, প্রথমে একটি তৈরি করুন “ div ” ধারক, এবং ক্লাস নির্দিষ্ট করুন। এর পরে, ক্লাসের নাম অনুসারে ক্লাস অ্যাক্সেস করুন এবং ' মার্জিন ' এবং ' প্যাডিং বৈশিষ্ট্য এই পোস্টে CSS-এ মার্জিন বনাম প্যাডিং এর ব্যবহার ব্যাখ্যা করা হয়েছে।