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

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

inset-inline-start গুণ নির্দিষ্ট করলে, উপাদানের লাইনের দিশায় প্রারম্ভিক প্রান্তটি পিতৃত্বকারী উপাদান থেকে দূরত্ব নির্দিষ্ট করা হয়。

মন্তব্য:গুণ নির্দিষ্ট করতে হবে এই গুণটি কার্যকর করতে, এই গুণটি নির্দিষ্ট করতে হবে position

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

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

উদাহরণ

উদাহরণ 1

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

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

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

উদাহরণ 2

যখন <div> উপাদানের writing-mode গুণ-মান রূপান্তরিত হলে, লাইনের দিশা নিচে থাকে। ফলাফলটি উপাদানের প্রারম্ভিক প্রান্তটি ডানদিকে থেকে শুরু করে শীর্ষে চলে যায়:

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

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

উদাহরণ 3

যখন <div> উপাদানের direction গুণ-মান রূপান্তরিত হলে, লাইনের দিশা ডানদিকে থাকে। এইরকম বর্ণনায় একটি ছোট ভুল আছে, যার মানে 'ফলাফলটি উপাদানের প্রারম্ভিক প্রান্তটি ডানদিকে থাকে (কারণ rtl ক্ষেত্রে, প্রারম্ভিক প্রান্তটি একইভাবে ডানদিকে থাকে, কিন্তু ডিফল্ট ltr সাজানোর তুলনায়, সমগ্র কনটেন্ট উল্টা হয়েছে) ':

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

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

CSS গঠনশৈলী

inset-inline-start: auto|length|ইনিশিয়াল|ইনহারিট;

গুণ-মান

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

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

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

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

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

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

উল্লেখ:CSS ডাইরেকশন প্রতিভা

উল্লেখ:CSS writing-mode অপারেশন