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

course recommendation:

inset-block-end define and usage

নোট:বৈশিষ্ট্যটি নির্দেশ করতে হবে যাতে পিতৃ তত্ত্বকে থেকে ব্লক দিশায় পার্শ্বমাপ নির্দেশ করা হয়। এই বৈশিষ্ট্যটি কার্যকর করতে, position

CSS-এর inset-inline এবং inset-block বৈশিষ্ট্যটি CSS-এর top,bottom,left এবং right বৈশিষ্ট্যটি অত্যন্ত মিলিত, কিন্তু inset-block এবং inset-inline বৈশিষ্ট্যটি ব্লক দিশা ও লাইন দিশার উপর নির্ভর করে。

নোট:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-mode ব্লক দিশা নির্দেশ করে।এটি ব্লকের ভাবা শুরু ও শেষ স্থান এবং সংশ্লিষ্ট CSS বৈশিষ্ট্যকে প্রভাবিত করে。 inset-block-end বৈশিষ্ট্যের ফলাফল।ইংরেজি পাতায়, ব্লক দিশা নিচের দিকে এবং লাইন দিশা বাম থেকে ডানের দিকে হয়。

উদাহরণ

উদাহরণ 1

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

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

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

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

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

আপনার নিজেই প্রয়াস করুন

CSS গঠনশৈলী

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

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

মান বর্ণনা
auto ডিফল্ট মান।এলিমেন্টের ডিফল্ট ইনসেট দূরত্ব。
length px, pt, cm ইত্যাদি ইউনিটে দূরত্ব নির্দেশ করুন।নেতিবাচক মানকে অনুমতি দেওয়া হয়।দেখুন:CSS ইউনিট.
% পিতৃ তত্ত্বকে থেকে উত্তরসূরী করে এই বৈশিষ্ট্যটির সমানুপাতিক পার্শ্বমাপ নির্দেশ করুন。
initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে নিয়ে আসুন।দেখুন: initial.
inherit এই বৈশিষ্ট্যটি পিতৃ তত্ত্বকে থেকে উত্তরসূরী করে।দেখুন: inherit.

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

ডিফল্ট মান: auto
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন করে।দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য.
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গঠনশৈলী: object.style.insetBlockEnd="100px"

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

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

চ্রোম এজ ফায়ারফক্স সাফারি অপেরা
87.0 87.0 63.0 14.1 73.0

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

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

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

উল্লেখ:CSS writing-mode প্রতিভাত্ত্ব রাইটিং-মোড