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

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

max-inline-size বৈশিষ্ট্যটি এলিমেন্টটির লিনার দিকের মাক্সিমাম পরিমাণ নির্দিষ্ট করে

যদি সামগ্রীর লিনার দিকের পরিমাণ মাক্সিমাম পরিমাণের কম হয়, তবে max-inline-size বৈশিষ্ট্য মান কাজ করবে না。

যদি সামগ্রীর লিনার দিকের পরিমাণ মাক্সিমাম পরিমাণের বেশি হয়, তবে max-inline-size বৈশিষ্ট্য মান

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

CSS max-inline-size বৈশিষ্ট্যটি সিএসএস বৈশিষ্ট্য max-height এবং max-width অত্যন্ত নিকটবর্তী, কিন্তু max-inline-size বৈশিষ্ট্যটি লিনার দিকের উপর নির্ভর করে

উদাহরণ

উদাহরণ 1

লিনার দিকের মধ্যের সবচেয়ে বড় মাপকাঠিতে দিয়ে 60 পিক্সেল নির্দিষ্ট করুন:

div {
  max-inline-size: 60px;
}

আপনার হাতে করুন

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

নিচের <div> এলিমেন্টের writing-mode বৈশিষ্ট্যমান ভোগলক্ষে পুনরুত্তরণকারীতা হলে, লিনার দিক বাইরে থেকে নিচে পরিবর্তিত হয়, যা এটি প্রভাবিত করবে max-inline-size বৈশিষ্ট্যটির কাজকর্ম:

div {
  max-inline-size: 60px;
  writing-mode: vertical-rl;
}

আপনার হাতে করুন

উদাহরণ 3: Max-inline-size vs Inline-size

একটি <div> এলিমেন্ট (inline-size 100px) এবং আরেকটি <div> এলিমেন্ট (max-inline-size 100px) এবং অন্য একটি <div> এলিমেন্ট (

#div1 {
  max-inline-size: 100px;
}
#div2 {
  inline-size: 100px;
}

আপনার হাতে করুন

CSS গ্রামার

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

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

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

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

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

সংক্রান্ত পৃষ্ঠা

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

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

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

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

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