CSS فلیکس گروو پرپرٹی

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

flex-grow ਵਿਸ਼ੇਸ਼ਤਾ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ ਕਿ ਸਮਾਨ ਕੰਟੇਨਰ ਵਿੱਚ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਾਕੀ ਲਾਜ਼ਮੀ ਪ੍ਰੋਜੈਕਟਾਂ ਦੇ ਨਾਲ ਕਿਵੇਂ ਵਾਧਾ ਕਰਨਾ ਹੈ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਏਜੈਂਟ ਲਾਜ਼ਮੀ ਪ੍ਰੋਜੈਕਟ ਨਹੀਂ ਹੈ ਤਾਂ flex ਵਿਸ਼ੇਸ਼ਤਾ ਬੇਕਾਰ ਹੁੰਦੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ CSS ਲਾਜ਼ਮੀ ਫਲੈਕਸ

CSS ਜ਼ਿਕਰਣ ਮੁੱਲflex ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਜ਼ਿਕਰਣ ਮੁੱਲflex-basis ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਜ਼ਿਕਰਣ ਮੁੱਲflex-direction ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਜ਼ਿਕਰਣ ਮੁੱਲflex-flow ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਜ਼ਿਕਰਣ ਮੁੱਲflex-shrink ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਜ਼ਿਕਰਣ ਮੁੱਲflex-wrap ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਜ਼ਿਕਰਣ ਮੁੱਲflexGrow ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਦੂਜੇ ਲਾਜ਼ਮੀ ਪ੍ਰੋਜੈਕਟ ਦੀ ਚੌਦਾਈ ਦੀ ਚੌਦਾਈ ਬਣਾਓ:

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

ਸਵੈ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰੰਥ

flex-grow: number|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
number ਨੰਬਰ ਮੁੱਲ،ਇਹ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਾਕੀ ਲਾਜ਼ਮੀ ਪ੍ਰੋਜੈਕਟਾਂ ਦੇ ਨਾਲ ਵਾਧਾ ਕਰਨ ਵਾਲਾ ਹੈ।ਮੂਲ ਮੁੱਲ 0 ਹੈ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ।ਜ਼ਿਕਰ ਕਰੋ: initial.
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸ ਦੇ ਮਾਪੇ ਤੋਂ ਵਾਰਸਾ ਕਰੋ।ਜ਼ਿਕਰ ਕਰੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 0
ਵਾਰਸਾ: ਨਹੀਂ
ਅਨੀਮੇਸ਼ਨ ਨਿਰਮਾਣ: ਸਮਰਥਨ।ਜ਼ਿਕਰ ਕਰੋ:ਅਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਵਰਜਨ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ object.style.flexGrow="5"

ਬਰੈਸਰ ਸਮਰਥਨ

ਸ਼ਾਮਲ ਤੇਬਲ ਵਿੱਚ ਸਿਫਾਰਸ਼ ਕੀਤੇ ਗਏ ਨੰਬਰ ਸਿਫਾਰਸ਼ ਕੀਤੇ ਗਏ ਪਹਿਲੀ ਬਰੈਸਰ ਵਰਜਨ ਦੇ ਸਾਰੇ ਪ੍ਰਤੀਭਾਗਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਦੇ ਸਬੰਧ ਵਿੱਚ ਹਨ。

ਪਰਵਾਨਗੀ ਨੂੰ ਪਹਿਲੀ ਰਿਆਇਤ ਦੇ ਪ੍ਰਿਫਿਕਸ ਦੇ ਨਾਲ ਸਿਖਰੀ ਨੰਬਰ ਦੇ ਨਾਲ ਉਪਯੋਗ ਕਰਨ ਲਈ ਸ਼ਾਮਲ ਕਰੋ -webkit-、-ms- ਜਾਂ -moz-。

ਚਰਮੀ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0