خصائص flex-basis لـ 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خصائص flex-basis

مثال

اجعل الطول الافتراضي للعنصر المرن الثاني 100 بكسل:

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

جرب بنفسك

نحوية CSS

flex-basis: number|auto|initial|inherit;

قيمة الخاصية

القيمة وصف
number وحدة الطول أو المئة، تحدد الطول الافتراضي للعنصر المرن.
auto القيمة الافتراضية. الطول يساوي طول العنصر المرن. إذا لم يحدد العنصر الطول، فإن الطول سيكون بناءً على محتواه.
initial ضع هذا الخصائص على قيمته الافتراضية. انظر إلى: initial.
inherit يرث هذا الخصائص من العنصر الأب. انظر إلى: inherit.

تفاصيل التقنية

القيمة الافتراضية: auto
الوراثة: لا
صنع تحرك: يدعم. انظر إلى:خصائص متعلقة بالتحرك.
إصدار: CSS3
جافا سكربت نحوية: object.style.flexBasis="200px"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

الرقم المكتوب مع -webkit- أو -moz- يشير إلى الإصدار الأول الذي يستخدم البادئة.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0