ویژگی Style flexShrink

تعریف و استفاده

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

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.

کروم ایج افرکس سافاری آپرا
کروم ایج افرکس سافاری آپرا
پشتیبانی 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