css מאפייני flex flex-shrink

✔️ flex-shrink CSS Style Property

המאפיין flex-shrink מגדיר כיצד הפריט יתכווץ ביחס לשאר הפריטים הגמישים בתוך אותו מיכל

דוגמא: הגדרת מקדם ההתכווצות של הפריט

Demo Panel:
כאן התוכן הנשלט
פריט קבוע (150px)
CSS: 111
HTML: 222
Syntax:

flex-shrink: number | initial | inherit;

Valid values:
  • revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.flexShrink

תאימות דפדפנים

flex-shrink
הערך שנבדקChromeFirefoxEdgeCOpera
3✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️