خصوصیت min-block-size CSS

تعریف و استفاده

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

اندازه کمترین سایز عنصر <div> را به 200 پیکسل تنظیم کنید:

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

آزمایش کنید

مثال 2: نحوه نوشتن

عنصر <div> را تنظیم کنید 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 و یک عنصر دیگر <div> (min-block-size واکنش‌های مختلف در تغییر اندازه محتوا برای 100px (min-block-size) و یک عنصر <div> دیگر (

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

آزمایش کنید

زبان CSS

min-block-size: auto|طول|مقدار پیش‌فرض|ارث‌پذیری;

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

صفحات مرتبط

ارجاع:ویژگی block-size CSS

ارجاع:خصوصیت max-block-size CSS

ارجاع:خصوصیت min-height CSS

ارجاع:خصوصیت min-width CSS

ارجاع:ویژگی writing-mode CSS