CSS inset-block অপারেটর

  • পূর্ববর্তী পৃষ্ঠা inset
  • পরবর্তী পৃষ্ঠা inset-block-end

পরিভাষা ও ব্যবহার

inset-block প্রতিভার বৈশিষ্ট্য সংকেতকরণ ইলেকট্রনমেন্ট এবং পিছনের ইলেকট্রনমেন্টের মধ্যে ব্লক দিকের দূরত্ব

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

inset-block বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত রূপ

inset-block বৈশিষ্ট্যের মানটি বিভিন্ন পদ্ধতিতে নির্ধারিত হতে পারে:

যদি inset-block বৈশিষ্ট্যটির দুটি মান থাকে:

inset-block: 10px 50px;
  • প্রারম্ভিক দূরত্ব 10px
  • শেষ দূরত্ব 50px

যদি inset-block বৈশিষ্ট্যটির একটি মান থাকে:

inset-block: 10px;
  • প্রারম্ভিক এবং শেষ দূরত্বগুলি 10px

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

প্রত্যহরণ:পরিমাপ writing-mode ব্লক দিককে নির্দিষ্ট করে। এটি ব্লকের প্রারম্ভিক এবং শেষ অবস্থান এবং সংশ্লিষ্ট CSS বৈশিষ্ট্যগুলিকেও প্রভাবিত করে inset-block বৈশিষ্ট্যের ফলাফল

উদাহরণ

উদাহরণ 1

সমূহকে নির্দিষ্ট করা হয়েছে যে, ব্লক দিকটি নিচে এবং লাইনগত দিকটি বাম থেকে ডানক্রমে হয়

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

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

উদাহরণ 2

যখন <div> উপাদানের writing-mode যখন বৈশিষ্ট্যটির মান vertical-rl হয়, তখন উপাদানের প্রারম্ভিক অবস্থানটি শীর্ষ থেকে ডানদিকে সরে যায় এবং শেষ অবস্থানটি নীচে থেকে বামদিকে সরে যায়:

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

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

CSS গঠনশৈলী

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

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

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

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

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

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

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

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

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

টিউটোরিয়াল:CSS লোকেশন

উল্লেখ:CSS position প্রক্রিয়া

উল্লেখ:CSS inset-block-end অপারেটর

উল্লেখ:CSS inset-block-start অপারেটর

উল্লেখ:CSS ওয়ারিটিং-মডেল এট্রিবিউট

  • পূর্ববর্তী পৃষ্ঠা inset
  • পরবর্তী পৃষ্ঠা inset-block-end