CSS inset-block-start প্রতিভূতি

অপসারণ

inset-block-start পাঠ্যসূচী সুপারিশ:

নোট:বর্ণনা ও ব্যবহার এই গুণটি কার্যকর করতে, ব্লক দিশায় এলিমেন্টকে সমায়োজিত করার গুণ নির্দেশ করতে হবে。 position

CSS inset-inline এবং inset-block গুণ শীর্ষবহির্ভাগলেফট এবং রাইট গুণ অত্যন্ত মিলিত inset-block এবং inset-inline গুণ ব্লক দিশা ও লাইন দিশার উপর নির্ভর করে。

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

প্রতিদর্শ

উদাহরণ 1

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

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

আপনার নিজেই চেষ্টা করুন

উদাহরণ 2

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

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

আপনার নিজেই চেষ্টা করুন

CSS গঠনশৈলী

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

গুণ মান

মান বর্ণনা
অটো ডিফল্ট মান। এলিমেন্টের ডিফল্ট inset দূরত্ব ব্যবহার করুন。
লেংগথ

সুস্থায়ী ইউনিট (যেমন px, pt, cm ইত্যাদি) ব্যবহার করে দূরত্ব নির্দেশ করুন। নেতিবাচক মানও অনুমোদিত।

দেখুন:CSS ইউনিট.

% পৃথক শতকরা ব্যবহার করে দূরত্ব নির্দেশ করুন, পিতৃত্ব এলিমেন্টের সম্পর্কিত অক্ষের সাথে তুলনা করুন。
ইনিশিয়াল এই গুণটিকে তার ডিফল্ট মানে সমায়োজিত করুন। দেখুন: ইনিশিয়াল.
ইনহারিট এই গুণটি তার পিতৃত্ব এলিমেন্ট থেকে ইনহারিট করে। দেখুন: ইনহারিট.

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

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

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

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

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

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

শিক্ষা:CSS স্থানান্তর

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

উল্লেখ:CSS writing-mode প্রতিভাত্ত্ব এট্রিবিউট