CSS order ਪ੍ਰਤੀਯੋਗਤਾ ਪ੍ਰਤੀਯੋਗਤਾ

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

order ਗੁਣ ਫਲੈਕਸੀਬਲ ਆਈਟਮ ਨੂੰ ਸਮਾਨ ਕੰਟੇਨਰ ਦੇ ਬਾਕੀ ਫਲੈਕਸੀਬਲ ਆਈਟਮਾਂ ਨਾਲ ਤੁਲਨਾ ਵਿੱਚ ਕਿਸਮ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਏਲੀਮੈਂਟ ਫਲੈਕਸੀਬਲ ਆਈਟਮ ਨਹੀਂ ਹੈ ਤਾਂ order ਗੁਣ ਬੇਕਾਰ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex-basis ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex-direction ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex-flow ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex-grow ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex-shrink ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:flex-wrap ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:align-content ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:align-items ਗੁਣ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:align-self ਗੁਣ

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂਕਣ:order ਗੁਣ

ਉਦਾਹਰਣ

ਫਲੈਕਸੀਬਲ ਆਈਟਮ ਦੀ ਕਿਸਮ ਨੂੰ ਸੈਟ ਕਰੋ:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

ਖ਼ੁਦ ਮੈਂ ਪ੍ਰਯੋਗ ਕਰਾਂ

CSS ਗਰੇਫਟਾਂ

order: number|initial|inherit;

ਗੁਣ ਕੀਮਤ

ਕੀਮਤ ਵਰਣਨ
number ਮੂਲਤਵੀ ਕੀਮਤ 0 ਹੈ।ਫਲੈਕਸੀਬਲ ਆਈਟਮ ਦੀ ਕਿਸਮ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
initial ਇਸ ਗੁਣ ਨੂੰ ਮੂਲਤਵੀ ਕੀਮਤ ਰੱਖੋ।ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਵਾਲੀਮੀਟਰਨ ਕਰੋ।ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਕੀਮਤ: 0
ਵਾਲੀਮੀਟਰਨ ਹੈ: no
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਹੈ।ਅਲੱਗ ਗੁਣਾਂ ਨੂੰ ਦੇਖੋ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਵਰਜਨ: CSS3
JavaScript ਗਰੇਫਟਾਂ: object.style.order="2"

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

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

ਪਿਛਲੇ -webkit- ਜਾਂ -moz- ਦੇ ਨੰਬਰ ਦੇ ਪਹਿਲੇ ਰੂਪ ਦੀ ਸ਼ਰਤ ਵਰਤੋਂ ਕਰੋ。

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