CSS margin-block অপারেশন

পূর্ববর্তী পৃষ্ঠা margin
পরবর্তী পৃষ্ঠা margin-block-end

বিবরণ ও ব্যবহার

margin-block এই প্রতিভা ব্লক দিশায় শুরু ও শেষ হাজিরা নির্দিষ্ট করে, এটি নিম্নলিখিত প্রতিভার সংক্ষিপ্ত রূপ

margin-block-start
margin-block-end

margin-block এই প্রতিভার মান বিভিন্নভাবে নির্ধারণ করা যেতে পারে:

যদি margin-block এক্সিপারিয়েন্ট দুইটি মান থাকে:

margin-block: 10px 50px;

শুরুর মাঝের মাঝের হাজিরা ১০পিক্সেল
শেষ মার্জিন 50px হিসাবে সংজ্ঞায়িত করা হয়

যদি margin-block অ্যাট্রিবিউটকে একটি মান থাকে:

margin-block: 10px;

প্রথম ও শেষ মার্জিনকে 10px হিসাবে সংজ্ঞায়িত করে

CSS-এর margin-block ও margin-inline অ্যাট্রিবিউটগুলি সিএসএস-এর margin-top,margin-bottom,margin-left ও margin-right অ্যাট্রিবিউট খুবই একইভাবে সম্পর্কিত, কিন্তু margin-block ও margin-inline এই অ্যাট্রিবিউটটি ব্লক দিক ও লাইন দিকের উপর নির্ভর করে。

নোট:সংশ্লিষ্ট CSS অ্যাট্রিবিউট writing-mode ব্লক দিককে সংজ্ঞায়িত করে। এটি ব্লকের প্রথম ও শেষ মার্জিন এবং margin-block এই অ্যাট্রিবিউটের ফলাফল। ইংরেজি পাতায়, ব্লক দিক নীচে এবং লাইন দিক ডান থেকে বামে চলে যায়。

উদাহরণ

উদাহরণ 1

ব্লক দিকের উভয়দিকের মাঝের মার্জিন সংজ্ঞায়িত করুন:

div {
  margin-block: 35px;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

যখন <div> ইলেকট্রনের writing-mode যখন writing-mode: vertical-rl হলে, ব্লক দিকের এলাকার প্রথম অবস্থানটি শীর্ষ থেকে ডানদিকে সরে যায়, এলাকার শেষ অবস্থানটি নীচে থেকে বামদিকে সরে যায়। writing-mode এর পরিবর্তনও margin-block এর প্রভাব পাল্টে দেয়:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block: 10px 50px;
}

আপনার হাতে পরীক্ষা করুন

CSS গ্রামার

margin-block: auto|লেংথ|ইনিশিয়াল|ইনহারিট;

অ্যাট্রিবিউট মান

মান	বর্ণনা
অটো	ডিফল্ট মান
লেংথ	px, pt, cm ইত্যাদি ইউনিটে margin-block সংজ্ঞায়িত করুন। নেতিবাচক মানও অনুমোদিত হয়。 দেখুন:CSS ইউনিট。
%	পিতৃত্বকারী ইলেকট্রনের প্রতি লাইন দিকের মাঝের সাইজের প্রতিশত margin-block সংজ্ঞায়িত করুন。
ইনিশিয়াল	এই অ্যাট্রিবিউটকে তার ডিফল্ট মানে সংযোজিত করুন। দেখুন ইনিশিয়াল。
ইনহারিট	এই অ্যাট্রিবিউটটি তার পিতৃত্বকারী ইলেকট্রনের থেকে ইনহারিট করে। দেখুন ইনহারিট。

টেকনিক্যাল বিবরণ

ডিফল্ট মান:	অটো
প্রক্রিয়াকরণ:	না
অ্যানিমেশন নির্মাণ:	সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সম্পর্কিত অ্যাট্রিবিউট。
সংস্করণ:	সিএসএস3
জেভাস্ক্রিপ্ট গ্রামার:	object.style.marginBlock="50px 20px"