CSS inset-inline-end প্রতিশব্দ

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

inset-inline-end বৈশিষ্ট্য নির্দিষ্ট করা হয়

প্রত্যহরণ:বৈশিষ্ট্য নির্দিষ্ট করা হয় এই বৈশিষ্ট্যটি কার্যকর করতে, এই বৈশিষ্ট্যটি নির্দিষ্ট করতে হবে position

CSS-এর inset-inline এবং inset-block বৈশিষ্ট্য সিএসএস-এর top、bottom、left এবং right বৈশিষ্ট্য অত্যন্ত মিলিত inset-block এবং inset-inline বৈশিষ্ট্যটি ব্লক দিশা এবং লাইন দিশা নির্ভর করে।

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

উদাহরণ

উদাহরণ 1

স্থাপনকৃত <div> এলিমেন্টের লাইন দিশায় শেষ প্রান্ত এবং পিতৃত্ব এলিমেন্টের মধ্যে দূরত্ব নির্ধারণ করুন:

div {
  inset-inline-end: 50px;
}

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

উদাহরণ 2

যখন <div> এলিমেন্টের writing-mode যখন বৈশিষ্ট্য মান vertical-rl সংজ্ঞায়িত হয়, তখন লাইন দিশা নিচ থেকে উপর দিকে হয়। ফলস্বরূপ, এলিমেন্টের শেষ প্রান্ত ডানদিক থেকে নিচদিকে সরে যায়:

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

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

উদাহরণ 3

যখন <div> এলিমেন্টের direction যখন বৈশিষ্ট্য মান রল সংজ্ঞায়িত হয়, তখন লাইন দিশা ডান থেকে বাম দিকে হয়। ফলস্বরূপ, এলিমেন্টের শেষ প্রান্ত ডানদিক থেকে বামদিকে সরে যায়:

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

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

CSS গঠনশৈলী

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

বৈশিষ্ট্য মান

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

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

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

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

শিক্ষা:CSS অবস্থান

উল্লেখ:CSS position অপার্টি

উল্লেখ:CSS দিশা প্রতিভা

উল্লেখ:CSS writing-mode এটিবিউট