CSS inset-block-start প্রতিভূতি
- পূর্ববর্তী পৃষ্ঠা inset-block-end
- পরবর্তী পৃষ্ঠা inset-inline
অপসারণ
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 অপার্টি
- পূর্ববর্তী পৃষ্ঠা inset-block-end
- পরবর্তী পৃষ্ঠা inset-inline