CSS فلیکس بیسیز کی اپریٹی

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

ویژگی flex-basis طول اولیه عنصر انعطاف‌پذیر را مشخص می‌کند.

نکته:اگر عنصر انعطاف‌پذیر نباشد، ویژگی flex معتبر نیست.

لطفاً به:

آموزش CSS: قابلیت انعطاف‌پذیری CSS

دستورالعمل CSS:ویژگی flex

دستورالعمل CSS:ویژگی flex-direction

دستورالعمل CSS:ویژگی flex-flow

دستورالعمل CSS:ویژگی flex-grow

دستورالعمل CSS:ویژگی flex-shrink

دستورالعمل CSS:ویژگی flex-wrap

دستورالعمل HTML DOM:ویژگی flexBasis

مثال

طول اولیه عنصر انعطاف‌پذیر دوم را به 100 پیکسل تنظیم کنید:

div:nth-of-type(2) {
  flex-basis: 100px;
}

آزمایش کنید

آموزش CSS:

flex-basis: اعداد|auto|initial|inherit;

مقدار ویژگی

مقدار توضیح
اعداد واحد طول یا درصد، طول اولیه عنصر انعطاف‌پذیر را مشخص می‌کند.
auto مقدار پیش‌فرض. طول برابر با طول عنصر انعطاف‌پذیر است. اگر طول این عنصر تعیین نشده باشد، طول بر اساس محتوای آن تعیین می‌شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به: initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. به: inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
وراثت: خیر
انیمیشن: پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
آموزش JavaScript: object.style.flexBasis="200px"

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

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

اعداد -webkit- یا -moz- نشان‌دهنده نسخه اولیه‌ای است که از پیشوند استفاده می‌کند.

چروم آئی ای / ایج فائر فاکس سافری اوپرا
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0