خصائص flex-shrink CSS

التعريف والاستخدام

خصائص flex-shrink ثابتة في نفس القالب، انكماش العنصر بالنسبة إلى العناصر الأخرى من حيث التمدد.

التعليق:إذا لم يكن العنصر مشروطًا، لا يكون خاصية flex صالحة.

انظر أيضًا:

دليل CSS التعليمي: صندوق التمدد CSS

دليل CSSخصائص flex

دليل CSSخصائص flex-basis

دليل CSSخصائص flex-direction

دليل CSSخصائص flex-flow

دليل CSSخصائص flex-grow

دليل CSSخصائص flex-wrap

دليل HTML DOMخصائص flexShrink

مثال

يصبح انكماش العنصر الثاني ثلاثة مرات أكثر من العناصر الأخرى:

div:nth-of-type(2) {
  flex-shrink: 3;
}

تجربة شخصية

نحو CSS

flex-shrink: number|initial|inherit;

قيمة الخاصية

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

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

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

دعم المتصفح

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

رقم -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