خصائص flexBasis
- الصفحة السابقة flex
- الصفحة التالية flexDirection
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
تعريف والاستخدام
flexBasis يحدد هذا الخصائص طول العنصر المروج.
التعليق:إذا لم يكن العنصر عنصر مروج، فإن flexBasis الخصائص غير صالحة.
يرجى الرجوع أيضًا إلى:
مرجع CSSflex-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
