نمونه کد

یک نمونه ساده از خاصیت flex-shrink:

آزمایشگاه

تعریف و کاربرد

برای اینکه فقط یک آیتم در بین آیتم های دیگر منعطف شود، از خاصیت flex-shrink استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض 1
ارث بری خیر
انیمیشن بله
نسخه CSS3
نگارش JS object.style.flexShrink="5"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
object.style.flexShrink="5"

شیوه نگارش

مقادیر

مقادیر توضیحات
number عددی را تعیین می کند که با استفاده از آن، میزان منعطف بودن آن عنصر مشخص شود.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.