CSS margin-inline-end অপারেটর

সংজ্ঞা ও ব্যবহার

margin-inline-end অ্যাট্রিবিউট ইনলাইন দিকের প্রান্ত মার্গিন নির্দেশ করে।

CSS-এর margin-inline এবং margin-block অ্যাট্রিবিউটগুলি এবং margin-topmargin-bottommargin-left এবং margin-right অ্যাট্রিবিউট অত্যন্ত মিলিত margin-inline এবং margin-block অ্যাট্রিবিউটটি ব্লক দিক এবং ইনলাইন দিকের উপর নির্ভর করে।

মন্তব্য:সংশ্লিষ্ট CSS অ্যাট্রিবিউট writing-mode এবং direction ইনলাইন দিক নির্দেশ করে। এটি উপাদানের ভাব ও শেষ অবস্থান এবং margin-inline-end অ্যাট্রিবিউটের ফলাফল। ইংরেজি পাতায়, ব্লক দিক অধিকাংশতা হয় এবং ইনলাইন দিক বামের থেকে ডানের দিকে হয়。

উদাহরণ

উদাহরণ 1

ইনলাইন দিকের প্রান্ত মার্গিন সেট করা হয়:

div {
  margin-inline-end: 35px;
}

আপনার হাতে করুন

উদাহরণ 2

যখন <div> উপাদানের writing-mode অ্যাট্রিবিউট মান 'vertical-rl' হলে, ইনলাইন দিক অধিকাংশতা হয়। ফলাফল হল উপাদানের প্রান্ত ডানদিক থেকে নীচের দিকে সরে যাওয়া:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

আপনার হাতে করুন

উদাহরণ 3

যখন <div> উপাদানের direction অ্যাট্রিবিউট মান 'rtl' হলে, ইনলাইন দিক ডানের থেকে বামের দিকে হয়। ফলাফল হল উপাদানের প্রান্ত ডানদিক থেকে বামদিকে সরে যাওয়া:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

আপনার হাতে করুন

CSS সংজ্ঞা

margin-inline-end: auto|length|initial|inherit;

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

মান বর্ণনা
auto ডিফল্ট মান। উপাদানের ডিফল্ট মার্গিন-ইনলাইন-এন্ড মান
length

px, pt, cm প্রভৃতি ইউনিটে মার্গিন-ইনলাইন-এন্ড নির্দেশ করা হয়। নেতিবাচক মানও অনুমোদিত

দেখুন:หน่วยมาตร CSS

% মার্গিন-ইনলাইন-এন্ড কেন্দ্রীয় দিকে পিতৃতৃতীয় উপাদানের মাপের প্রতিশত দিয়ে নির্দেশ করা হয়。
initial এই অ্যাট্রিবিউটকে তার ডিফল্ট মানে নিয়ে যান। দেখুন: initial
inherit এই অ্যাট্রিবিউটটি তার পিতৃতৃতীয় উপাদান থেকে উত্তরণ করে। দেখুন: inherit

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: auto
পুনর্বহূক্তি: না
অ্যানিমেশন নির্মাণ: সমর্থন করে। দেখুন:অ্যানিমেশন-সংক্রান্ত অ্যাট্রিবিউট
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট সংজ্ঞা: object.style.marginInlineEnd="50px"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই অ্যাট্রিবিউটটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণ নির্দেশ করে。

ক্রোম এজ ফায়ারফক্স সাফারি অপেরা
87.0 87.0 41.0 12.1 73.0

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখ:CSS ডাইরেকশন এট্রিবিউট

উল্লেখ:CSS margin-inline-start অপারেটর

উল্লেখ:CSS margin-bottom অপারেটর

উল্লেখ:CSS margin-inline অপারেটর

উল্লেখ:CSS margin-left অপারেটর

উল্লেখ:CSS margin-right অপারেটর

উল্লেখ:CSS margin-top অপারেটর

উল্লেখ:CSS writing-mode একটি প্রতিশব্দ