ویژگی Style flexBasis
- صفحه قبلی flex
- صفحه بعدی flexDirection
- بازگشت به لایه بالاتر شی Style HTML DOM
تعریف و استفاده
flexBasis ویژگی طول اولیه عنصر انعطاف‌پذیر را مشخص می‌کند.
نکته:اگر عنصر انعطاف‌پذیر نباشد، flexBasis ویژگی نامعتبر است.
لطفاً به
مرجع CSS:flex-basis
مثال
تنظیم طول اولیه عنصر انعطاف‌پذیر به 200 پیکسل:
document.getElementById("myBlueDiv").style.flexBasis = "200px";
قوانین
بازگشتی ویژگی flexBasis:
object.style.flexBasis
تنظیم ویژگی flexBasis:
object.style.flexBasis = "number|auto|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| number | مقدار اولیه طول یک عنصر انعطاف‌پذیر، واحد طول یا درصد را مشخص می‌کند. |
| auto |
مقدار پیش‌فرض. طول برابر با طول عنصر انعطاف‌پذیر است. اگر طول یک عنصر مشخص نشده باشد، طول آن بستگی به محتوای آن دارد. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | auto |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده flex-basis. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را به طور کامل پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | 11.0 | پشتیبانی | 9.0 | پشتیبانی |
صفحات مرتبط
HTML DOM STYLE مرجعflex
HTML DOM STYLE مرجعflexDirection
HTML DOM STYLE مرجعflexFlow
HTML DOM STYLE مرجعflexGrow
HTML DOM STYLE مرجعflexShrink
HTML DOM STYLE مرجعflexWrap
- صفحه قبلی flex
- صفحه بعدی flexDirection
- بازگشت به لایه بالاتر شی Style HTML DOM
