CSS flex-grow հատկություն

Հատկանշում է, թե որքան պետք է աճի տարրը՝ հարաբերված մնացածի հետ:

Օրինակ

div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
/* Safari */
div:nth-of-type(1) {-webkit-flex-grow: 1;}
div:nth-of-type(2) {-webkit-flex-grow: 3;}
div:nth-of-type(3) {-webkit-flex-grow: 1;}
Փորձել
Նախնական արժեք 0
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.flexGrow="3"
Արժեք Բնութագիր
number Թիվ, որը հատկանշում է, թե քանի անգամ տարրը պետք է աճի/լայնանա՝ հարաբերական մնացած ճկվող տարրերին: Նախնական արժեք՝ 0:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: