Style flexWrap ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

flexWrap ਪ੍ਰਤੀਯੋਗਿਤਾ ਫਲੈਕਸਬਲ ਨੂੰ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।

ਧਿਆਨ:ਜੇਕਰ ਪੈਮੈਂਟ ਫਲੈਕਸਬਲ ਨਹੀਂ ਹੈ ਤਾਂ flexWrap ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਹੀਂ ਮਾਨਤਾ ਗਿਆ

ਹੋਰ ਦੇਖੋ:

CSS ਸੰਦਰਭ ਮੁੱਲਕਤਾflex-wrap ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

ਜ਼ਰੂਰਤ ਹੋਣ ਤੇ ਫਲੈਕਸਬਲ ਨੂੰ ਮੁੜ ਸ਼ੁਰੂ ਕਰੋ:

document.getElementById("main").style.flexWrap = "wrap";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸਿਧਾਂਤ

ਫਲੈਕਸਵਰਪ ਪ੍ਰਤੀਯੋਗਿਤਾ ਰਿਟਰਨ ਕਰੋ:

object.style.flexWrap

ਫਲੈਕਸਵਰਪ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ:

object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
nowrap ਮੂਲ ਵੈਲਿਊ। ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਫਲੈਕਸਬਲ ਨੂੰ ਮੁੜ ਸ਼ੁਰੂ ਨਹੀਂ ਕਰਦਾ।
wrap ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਫਲੈਕਸਬਲ ਜ਼ਰੂਰਤ ਹੋਣ ਤੇ ਮੁੜ ਸ਼ੁਰੂ ਹੋਵੇ।
wrap-reverse ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਫਲੈਕਸਬਲ ਅਣਦਾਜ਼ੀ ਜ਼ਰੂਰਤ ਹੋਣ ਤੇ ਵਾਪਸੀ ਵਾਰਤਾ ਨਾਲ ਮੁੜ ਸ਼ੁਰੂ ਹੋਵੇ।
initial ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੂਲ ਵੈਲਿਊ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ। ਦੇਖੋ initial.
inherit ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਆਪਣੇ ਮਾਤਾ ਪੈਮੈਂਟ ਤੋਂ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਲੈਂਦਾ ਹੈ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਵੈਲਿਊ: nowrap
ਰਿਟਰਨ ਵੈਲਿਊ: ਇੱਕ ਸਟਰਿੰਗ ਜੋ ਕਿ ਪੈਮੈਂਟ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ flex-wrap ਪ੍ਰਤੀਯੋਗਿਤਾ.
CSS ਸੰਸਕਰਣ: CSS3

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

ਚਰਮੋਗਾਨ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਗਾਨ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 11.0 ਸਮਰਥਨ 9.0 ਸਮਰਥਨ

ਸਬੰਧਤ ਪੰਨੇ

HTML DOM STYLE ਰੈਫਰੰਸ: flex ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM STYLE ਰੈਫਰੰਸ: flexBasis ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM STYLE ਰੈਫਰੰਸ: flexDirection ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM STYLE ਰੈਫਰੰਸ: flexFlow ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM STYLE ਰੈਫਰੰਸ: flexGrow ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM STYLE ਰੈਫਰੰਸ: flexShrink ਪ੍ਰਤੀਯੋਗਿਤਾ