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

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

max-block-size বৈশিষ্ট্যটি তত্ত্বটি নির্দিষ্ট করে যে, তত্ত্বটি ব্লক দিশায় তত্ত্বটির সর্বোচ্চ মাপ নির্দিষ্ট করে।

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

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

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

CSS max-block-size বৈশিষ্ট্যটি CSS বৈশিষ্ট্যের ম্যাক্স-হেইগথ এবং max-width অত্যন্ত সমান, কিন্তু max-block-size বৈশিষ্ট্যটি ব্লক দিশার উপর নির্ভর করে。

উদাহরণ

উদাহরণ 1

ব্লক দিশায় সর্বোচ্চ মাপ 60 পিক্সেল নির্দিষ্ট করুন:

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

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

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

নিচের <div> তত্ত্বের writing-mode বৈশিষ্ট্য মানটি vertical-lr হলে, ব্লক দিশা নিচের থেকে পাশের থেকে পরিবর্তিত হবে, যা এটি প্রভাবিত করবে: max-block-size বৈশিষ্ট্যটির কাজকর্ম:

div {
  max-block-size: 60px;
  writing-mode: vertical-lr;
}

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

উদাহরণ 3: Max-block-size vs Block-size

একটি <div> তত্ত্ব (block-size 100px) এবং অন্য একটি <div> তত্ত্ব (max-block-size 100px) এবং অন্য একটি <div> তত্ত্ব (

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

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

CSS গঠনশৈলী

max-block-size: auto|length|initial|inherit;

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

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

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

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

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

উল্লেখ:CSS block-size এটি

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

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

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

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