ویژگی Style flexShrink
- صفحه قبلی flexGrow
- صفحه بعدی flexWrap
- بازگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
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
- بازگشت به لایه بالاتر اجزای Style HTML DOM
