Style columnFill ਪ੍ਰਤੀਯੋਗਿਤਾ
- ਪਿਛਲਾ ਪੰਨਾ columnCount
- ਅਗਲਾ ਪੰਨਾ columnGap
- ਇੱਕ ਪੱਧਰ ਉੱਪਰ ایچ تی ام ال ڈی او ایم اسٹائل آوبجیکٹ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
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 |
- ਪਿਛਲਾ ਪੰਨਾ columnCount
- ਅਗਲਾ ਪੰਨਾ columnGap
- ਇੱਕ ਪੱਧਰ ਉੱਪਰ ایچ تی ام ال ڈی او ایم اسٹائل آوبجیکٹ