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

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

min-block-size প্রতিভাগ বলতে বলা হয় একটি এলাকার ক্ষেত্রে ব্লক দিশায় সর্বনিম্ন মাপ。

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

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

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

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

প্রতিমান

উদাহরণ 1

ডিভ বৈশিষ্ট্যটির ব্লক দিশায় ন্যূনতম মাপ 200 পিক্সেল নির্দিষ্ট করুন:

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

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

উদাহরণ 2: লিখন মোড

ডিভ বৈশিষ্ট্যটির writing-mode যখন বৈশিষ্ট্যমানটি vertical-rl হয়, তখন ব্লক দিশা নিচ থেকে পাশের দিকে পরিবর্তিত হয়, যা এটি প্রভাবিত করবে: min-block-size বৈশিষ্ট্যটির কাজকর্ম:

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

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

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

একটি <div> বৈশিষ্ট্য দেখুন:block-size 100px (এবং আরও একটি <div> বৈশিষ্ট্য)min-block-size 100px (যদি কনটেন্ট সাইজ পরিবর্তন করা হয়) এর বিভিন্ন প্রতিক্রিয়াকে দেখুন:

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

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

CSS গঠনশৈলী

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

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

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

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

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

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

উল্লেখ:CSS ব্লক-সাইজ প্রতিভূতি

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

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

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

উল্লেখ:CSS writing-mode প্রতিযোগিতা