CSS ماکس اینلاین سائز کی اپریٹ

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

max-inline-size ویژگی اندازه بزرگترین سایز عنصر در جهت درون‌محوری را مشخص می‌کند.

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

اگر اندازه محتوا در جهت درون‌محوری بزرگتر از اندازه بزرگترین باشد، max-inline-size مقدار ویژگی.

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

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

مثال

مثال 1

اندازه‌ی بزرگترین سایز در جهت درون‌محوری عنصر <div> را به 60 پیکسل تنظیم کنید:

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

آزمایش کنید

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

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

div {
  max-inline-size: 60px;
  writing-mode: vertical-rl;
}

آزمایش کنید

مثال 3: Max-inline-size vs Inline-size

مشاهده یک عنصر <div> (inline-size و یک عنصر <div> دیگر (max-inline-size واکنش‌های مختلف در تغییر اندازه محتوا برای 100px (

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

آزمایش کنید

آموزش زبان CSS

max-inline-size: auto|length|مقدار اولیه|ارث‌پذیری;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

مراجعه:CSS اندازه-اینلاین پروپرتی

مراجعه:CSS ماکس اینلاین سائز کی اپریٹ

مراجعه:CSS ماکس بلائی کی اپریٹ

مراجعه:CSS ماکس ویڈتھ کی اپریٹ

مراجعه:CSS writing-mode امتیازات