CSS min-inline-size کا属性

تعریف اور استعمال

min-inline-size پائیدارتی کا مشخصات ایک عناصر کو سطر وار سمت میانی کو کمترین سائز میناتپد کردہ.

اگر اندازه محتوای درون‌خط کوچکتر از سایز کمترین باشد، مقدار ویژگی min-inline-size مقدار ویژگی.

اگر اندازه محتوای درون‌خط بزرگتر از سایز کمترین باشد، مقدار ویژگی min-inline-size مقدار ویژگی不起 عمل می‌کند.

توجه:ویژگی‌های CSS مرتبط writing-mode جهت درون‌خط تعریف شده است که این می‌تواند روی min-inline-size نتیجه ویژگی‌های CSS. برای صفحات انگلیسی، جهت بلوک به سمت پایین است و جهت درون‌خط از چپ به راست است.

CSS min-inline-size ویژگی‌ها با ویژگی‌های CSS min-height و min-width بسیار مشابه، اما min-inline-size ویژگی وابسته به جهت درون‌خط است.

مثال

مثال 1

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

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

آزمایش کنید

مثال 2: روش نوشتن

عنصر <div> را writing-mode وقتی مقدار ویژگی vertical-rl تنظیم شود، جهت درون‌خط از افقی به پایین تغییر می‌کند که این می‌تواند روش کار ویژگی min-inline-size را تغییر دهد:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

آزمایش کنید

مثال 3: min-inline-size و inline-size

یک مثال ببینید inline-size یک علامت <div> به اندازه 200px و دیگری min-inline-size نمایش‌های مختلف یک علامت <div> به اندازه 200px در تغییر اندازه محتوای آن:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

آزمایش کنید

نویسش CSS

min-inline-size: auto|length|مقدار اولیه|وارث;

مقدار ویژگی

جزئیات فنی

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

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

مطابقت پیدگام

مطالبت:CSS inline-size کئیتی

مطالبت:CSS max-inline-size کا属性

مطالبت:CSS min-height کا属性

مطالبت:CSS min-width کا属性

مطالبت:CSS writing-mode کی ویژگی