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

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

آزمایش کنید

نوع CSS

min-block-size: خودکار|length|مقدار پیش‌فرض|وراثت;

مقدار ویژگی

جزئیات فنی

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

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

مرتبط صفحات

مشارکت:CSS بلاک سائز نمائش

مشارکت:CSS ماکس بلوک سائز کی ویژگی

مشارکت:CSS مین ہائیٹ کی ویژگی

مشارکت:CSS مین وائڈت کی ویژگی

مشارکت:CSS writing-mode کیمپٹ