CSS min-inline-size অপারেটর

সংজ্ঞা ও ব্যবহার

min-inline-size প্রধান্য বৈশিষ্ট্য এই উপাদানটির সার্বিক আকারকে নির্দেশ করে যা পথপথের মধ্যে সরবতে পারে。

যদি কনটেন্টের লিনার দিকের মাপ সর্বনিম্ন মাপের থেকে ছোট হয়, তবে এই বৈশিষ্ট্যকে প্রয়োগ করা হবে min-inline-size বৈশিষ্ট্য মান

যদি কনটেন্টের লিনার দিকের মাপ সর্বনিম্ন মাপের থেকে বড় হয় min-inline-size বৈশিষ্ট্য মান কাজে লাগবে না。

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

CSS min-inline-size বৈশিষ্ট্যকে CSS বৈশিষ্ট্য min-height এবং min-width খুবই সমান, কিন্তু min-inline-size বৈশিষ্ট্য লিনার দিকের উপর নির্ভর করে。

উদাহরণ

উদাহরণ 1

ডিভ ইউনিটের লিনার দিকের সর্বনিম্ন মাপকে 200 পিক্সেল হিসাবে নির্দিষ্ট করুন:

div {
  min-inline-size: 200px;
}

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

উদাহরণ 2: লিখতের পদ্ধতি

ডিভ ইউনিটের writing-mode যখন writing-mode বৈশিষ্ট্যকে vertical-rl হিসাবে সংজ্ঞায়িত করা হয়, তখন লিনার দিক সাইড থেকে নিচে পরিবর্তিত হয়, যা min-inline-size বৈশিষ্ট্যকে কাজে লাগাবার পদ্ধতিকে প্রভাবিত করবে:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

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

উদাহরণ 3: min-inline-size এবং inline-size

একটি inline-size 200px ব্যাসার <div> ইউনিট এবং আরও min-inline-size 200px ব্যাসার <div> ইউনিটের বিভিন্ন প্রকাশনা: যখন কনটেন্ট মাপ পরিবর্তিত হয়

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

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

CSS গঠনশৈলী

min-inline-size: auto|length|initial|inherit;

মান

টেকনিক্যাল বিবরণ

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

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

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

উল্লেখ:CSS inline-size প্রতিশব্দ

উল্লেখ:CSS max-inline-size অপারেটর

উল্লেখ:CSS min-height অপারেটর

উল্লেখ:CSS min-width অপারেটর

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