Style alignContent ਪੈਰਾਮੀਟਰ

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

ਜਦੋਂ ਪ੍ਰਤੀਯੋਗੀ ਨੂੰ ਅਕਸਰ ਹਾਰਜ਼ਾਰੀ (ਵਾਲੀ) ਉੱਤੇ ਸਭ ਮੁੱਲ ਦਾ ਉਪਯੋਗ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂalignContent ਫਲੈਕਸੀਬਲ ਕੰਟੇਨਰ ਦੇ ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਪ੍ਰਤੀਯੋਗੀ ਕਰੋ

ਟਿੱਪਣੀ:ਕਿਹਾਰੀ: justifyContent ਪੈਰਾਮੀਟਰ ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਮੁੱਖ ਅਕਸਰ (ਪੱਧਰੀ) ਉੱਤੇ ਸਾਮੇਲ ਕਰੋ

ਟਿੱਪਣੀ:ਇਸ ਪ੍ਰਤੀਯੋਗੀ ਨੂੰ ਕੰਮ ਕਰਨ ਲਈ ਪ੍ਰੋਜੈਕਟ ਦੇ ਦੋ ਤੋਂ ਵੱਧ ਪ੍ਰਤੀਯੋਗੀਆਂ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ

ਇਨਸਟੈਂਸ

ਫਲੈਕਸੀਬਲ <div> ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਸਪੇਸ ਵਾਲੀਆਂ ਦੋ ਪ੍ਰਤੀਯੋਗੀਆਂ ਵਿੱਚ ਰੱਖੋ:

document.getElementById("main").style.alignContent = "space-between";

ਖ਼ੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੰਟੀ

alignContent ਪ੍ਰਤੀਯੋਗੀ ਵਾਪਸੀ ਕਰੋ:

object.style.alignContent

alignContent ਪ੍ਰਤੀਯੋਗੀ ਸੈਟ ਕਰੋ:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
stretch ਮੂਲ ਮੁੱਲ। ਪ੍ਰਤੀਯੋਗੀ ਮੂਲ ਜਗ੍ਹਾ ਨੂੰ ਲੈ ਕੇ ਬਾਕੀ ਜਗ੍ਹਾ ਭਰ ਦਿੰਦੇ ਹਨ
center ਪ੍ਰੋਜੈਕਟ ਕੰਟੇਨਰ ਦੇ ਮੱਧ ਵਿੱਚ ਹੁੰਦੇ ਹਨ
flex-start ਪ੍ਰੋਜੈਕਟ ਕੰਟੇਨਰ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਹੁੰਦੇ ਹਨ
flex-end ਪ੍ਰੋਜੈਕਟ ਕੰਟੇਨਰ ਦੇ ਅੰਤ ਵਿੱਚ ਹੁੰਦੇ ਹਨ
space-between ਪ੍ਰੋਜੈਕਟ ਸਪੇਸ ਵਾਲੀਆਂ ਪ੍ਰਤੀਯੋਗੀਆਂ ਵਿੱਚ ਹੁੰਦੇ ਹਨ
space-around ਪ੍ਰੋਜੈਕਟ ਦੇ ਪਹਿਲੇ, ਮੱਧ ਅਤੇ ਬਾਅਦ ਵਾਲੇ ਪ੍ਰਤੀਯੋਗੀਆਂ ਵਿੱਚ ਖਾਲੀ ਜਗ੍ਹਾ ਛੱਡੋ
initial ਇਸ ਪ੍ਰਤੀਯੋਗੀ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਪ੍ਰਤੀਯੋਗੀ ਨੂੰ ਉਸ ਦੇ ਮਾਤਾ ਪ੍ਰਤੀਯੋਗੀ ਤੋਂ ਲੈ ਲਿਆ ਹੈ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: stretch
ਵਾਪਸੀ ਮਿਥਕ: ਮਿਥਕ ਜਿਸ ਨੂੰ ਵਿਸ਼ੇਸ਼ ਵਿਅਕਤੀ ਦੇ ਪ੍ਰਤੀਯੋਗੀ align-content ਪ੍ਰਤੀਯੋਗੀ.
CSS ਸੰਸਕਰਣ: CSS3

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

alignContent ਇਹ CSS3 (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਇਹ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ 11

ਸਬੰਧਤ ਪੰਨੇ

CSS ਸੰਦਰਭ ਮੁੱਦਾਤਾਰਾalign-content ਪ੍ਰਤੀਯੋਗੀ

HTML DOM STYLE ਸੰਦਰਭ ਮੁੱਦਾਤਾਰਾalignItems ਪ੍ਰਤੀਯੋਗੀ

HTML DOM STYLE ਸੰਦਰਭ ਮੁੱਦਾਤਾਰਾalignSelf ਪ੍ਰਤੀਯੋਗੀ

HTML DOM STYLE ਸੰਦਰਭ ਮੁੱਦਾਤਾਰਾjustifyContent ਪੈਰਾਮੀਟਰ