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

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

columnFill ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਵਾਲੀ ਪ੍ਰਤੀਯੋਗਿਤਾ (ਕੀ ਤਾਲਮੇਲ ਕਰਨਾ ਹੈ) ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆCSS ਬਹੁ-ਸਤੰਭ

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

ਉਦਾਹਰਣ

ਕੋਲਾਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਦੇ ਤਰੀਕੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ:

document.getElementById("myDIV").style.columnFill = "balance";

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

ਗਰੰਥ

columnFill ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਦੇਵੋ:

object.style.columnFill

columnFill ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ:

object.style.columnFill = "balance|auto|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
balance ਮੂਲ ਮੁੱਲ। ਕੋਲਾਂ ਨੂੰ ਤਾਲਮੇਲ ਕਰੋ। ਬਰਾਉਜ਼ਰ ਨੂੰ ਕੋਲਾਂ ਦੀ ਲੰਬਾਈ ਦੇ ਵੱਖ-ਵੱਖ ਹੋਣ ਨੂੰ ਘੱਟ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ।
auto ਕਰਨ ਵਿੱਚ ਕਰਨ ਵਾਲੇ ਕੋਲਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਪੂਰਾ ਕਰੋ ਕਿ ਕੋਲਾਂ ਦੀ ਲੰਬਾਈ ਵੱਖ-ਵੱਖ ਹੋਵੇ।
initial ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੂਲ ਮੁੱਲ ਤੇ ਰੱਖੋ। ਦੇਖੋ: initial
inherit ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ। ਦੇਖੋ: inherit

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: balance
ਰਿਟਰਨ ਵਾਲੀ ਮੁੱਲ: ਸਟਰਿੰਗ ਨੂੰ ਪ੍ਰਤੀਕਸ਼ਾ ਕਰਦਾ ਹੈ ਕਿ ਇਲਾਕੇ ਦੀ column-fill ਪ੍ਰਤੀਯੋਗਿਤਾ
CSS ਸੰਸਕਰਣ: CSS3

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

ਚਰੋਮ ਐਜ਼ ਫਾਰਫੈਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰੋਮ ਐਜ਼ ਫਾਰਫੈਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
50.0 10.0 52.0 10.0 37.0