خصائص Style flexShrink
- الصفحة السابقة flexGrow
- الصفحة التالية flexWrap
- العودة إلى الطبقة العليا مثل HTML DOM Style
تعريف والاستخدام
flexShrink يحدد الخصائص كيفية الشد للعنصر بالنسبة للعناصر المروجة الأخرى داخل نفس وعاء.
ملاحظة:إذا لم يكن العنصر عنصرًا مروجًا، فإن flexShrink خصائص غير صالحة.
يرجى الرجوع أيضًا إلى:
مرجع CSS:flex-shrink
مثال
جعل عنصر DIV الأزرق ينكمش خمس مرات أكثر من العناصر المروجة الأخرى:
document.getElementById("myBlueDiv".style.flexShrink = "5";
النحو
استرداد flexShrink الخاصية:
object.style.flexShrink
تعيين flexShrink الخاصية:
object.style.flexShrink = "number|initial|inherit"
قيمة الخصائص
| القيمة | وصف |
|---|---|
| number | رقم، يحدد مقدار الشد للعنصر بالنسبة للعناصر المروجة الأخرى. القيمة الافتراضية هي 0. |
| initial | ضع هذا الخصائص في قيمته الافتراضية. يرجى الرجوع إلى initial. |
| inherit | يرث هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | 1 |
|---|---|
| القيمة التي تعود: | الخطاب، يمثل flex-shrink. |
| إصدار CSS: | CSS3 |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذا الخصائص بشكل كامل.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| دعم | 11.0 | دعم | 9.0 | دعم |
صفحات مرتبطة
HTML DOM STYLE مرجعflex
HTML DOM STYLE مرجعflexBasis
HTML DOM STYLE مرجعflexDirection
HTML DOM STYLE مرجعflexFlow
HTML DOM STYLE مرجعflexGrow
HTML DOM STYLE مرجعflexWrap
- الصفحة السابقة flexGrow
- الصفحة التالية flexWrap
- العودة إلى الطبقة العليا مثل HTML DOM Style
