أحدث البرامج التعليمية وتطوير الشبكة
 

Style flexShrink Property

<كائن نمط

مثال

السماح للعنصر DIV الأزرق يتقلص خمس مرات أكثر من بقية العناصر المرنة:

document.getElementById("myBlueDiv".style.flexShrink = "5";
انها محاولة لنفسك »

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

تحدد الخاصية flexShrink كيف هذا البند سوف يتقلص بالنسبة إلى بقية العناصر المرنة داخل نفس الحاوية.

Note: إذا كان العنصر ليس عنصر مرن، الخاصية flexShrink له أي تأثير.

دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية flexShrink في IE10 +، فايرفوكس، أوبرا، وكروم.

ملاحظة: سفاري 6.1+ يدعم بديل، الخاصية WebkitFlexShrink.

بناء الجملة

إعادة الممتلكات flexShrink:

object .style.flexShrink

تعيين الخاصية flexShrink:

object .style.flexShrink=" قيم الممتلكات
القيمة وصف
number عدد يحدد مقدار هذا البند سوف يتقلص بالنسبة إلى بقية العناصر المرنة. القيمة الافتراضية هي 0
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: 1
قيمة الإرجاع: A سلسلة تمثل الملكية المرن يتقلص عنصر
صفحة CSS CSS3

صفحات ذات صلة

CSS إشارة: flex-shrink property

HTML DOM STYLE المرجعي: flex property

HTML DOM STYLE المرجعي: flexBasis property

HTML DOM STYLE المرجعي: flexDirection property

HTML DOM STYLE المرجعي: flexFlow property

HTML DOM STYLE المرجعي: flexGrow property

HTML DOM STYLE المرجعي: flexWrap property

<كائن نمط