come usare CSS flex-shrink proprietà in cssref?

CSS flex-shrink proprietà

Lasciate che il secondo elemento a ridursi a un terzo degli altri elementi:

div:nth-of-type(2) {flex-shrink: 3;}

I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione di proprietà.

Subito dopo la -webkit- digitale, -MS- o -moz- dopo la prima versione a supportare la proprietà prefisso.

proprietà
FLEX-shrink	29,0 21,0 -webkit-	11.0 10.0 -MS-	28.0 18,0 -moz-	9.0 6.1 -webkit-	17,0

flex-shrink attributo viene utilizzato per impostare o recuperare il rapporto sacchetto contrazione flessibile. .

Nota: Se l'elementonon è resiliente oggetto casella elemento, il flex-shrink proprietà non funziona.

predefinito:	1
ereditarietà:	no
Può essere animata:	Sì. Fare riferimento all'animazione (animatable) . provare
versione:	CSS3
sintassi JavaScript:	oggetto .style.flexShrink = "5"provare

flex-shrink:number|initial|inherit;

值	描述
number	一个数字，规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。