CSS کولمین ویڈت کیمپٹ
- ਪਿਛਲੀ ਪੰਨਾ ਕੋਲਮਨ-ਸਪੈਨ
- ਅਗਲਾ ਪੰਨਾ ਕੋਲਮਨਸ
ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ
column-width ਸੰਸਕਰਣ ਸਤੰਭਾਂ ਦੀ ਚੌਡਾਈ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS3 ਸਿੱਖਿਆ:CSS3 ਬਹੁ-ਸਤੰਭ
HTML DOM ਸੂਚੀਬੱਧਕਾਰੀ:columnWidth ਸੰਸਕਰਣ
ਉਦਾਹਰਣ
ਸਤੰਭਾਂ ਦੀ ਚੌਡਾਈ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ:
div
{
column-width:100px;
}
ਪੰਨੇ ਦੇ ਨੇੜੇ ਹੋਰ ਉਦਾਹਰਣ ਹਨ。
CSS ਗਰੱਮਤਾ
column-width: auto|length;
ਸੰਸਕਰਣ
| ਮੁੱਲ | ਵਰਣਨ | ਟੈਸਟ |
|---|---|---|
| auto | ਬਰਾਊਜ਼ਰ ਵੱਲੋਂ ਸਤੰਭਾਂ ਦੀ ਚੌਡਾਈ ਤੈਅ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。 | ਟੈਸਟ |
| length | ਸਤੰਭਾਂ ਦੀ ਚੌਡਾਈ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 | ਟੈਸਟ |
ਤਕਨੀਕੀ ਵੇਰਵਾ
| ਮੂਲ ਮੁੱਲ: | auto |
|---|---|
| ਵਿਰਾਸਤੀ ਪ੍ਰਤੀਕਾਰੀਤਾ: | no |
| ਸੰਸਕਰਣ: | CSS3 |
| JavaScript ਗਰੱਮਤਾ: | object.style.columnWidth="100px" |
ਹੋਰ ਉਦਾਹਰਣ
- Column-count
- div ਏਜੈਂਟ ਵਿੱਚ ਲੇਖ ਨੂੰ ਤਿੰਨ ਸਤੰਭਾਂ ਵਿੱਚ ਵੰਡਦਾ ਹੈ。
- Column-gap
- div ਏਜੈਂਟ ਵਿੱਚ ਲੇਖ ਨੂੰ ਤਿੰਨ ਸਤੰਭਾਂ ਵਿੱਚ ਵੰਡਦਾ ਹੈ, ਅਤੇ ਉਨ੍ਹਾਂ ਵਿੱਚ 30 ਪਿਕਸਲ ਦਾ ਅੰਤਰ ਹੈ。
- Column-rule
- ਸਤੰਭਾਂ ਦਰਮਿਆਨ ਚੌਡਾਈ, ਸਟਾਈਲ ਅਤੇ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਬਰਾਊਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਪੈਰੇਂਟ ਸਮੂਹ ਵਿੱਚ ਨੰਬਰ ਇਹ ਪਹਿਲੀ ਵਰਜਨ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਬਰਾਊਜ਼ਰ ਨੰਬਰ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰਦੇ ਹਨ。
ਜੋ ਨੰਬਰ ਵਿੱਚ -webkit- ਜਾਂ -moz- ਦੇ ਪ੍ਰਤੀਕ ਹੋਣਗੇ, ਉਹ ਪ੍ਰਾਥਮਿਕ ਸਿਫ਼ਾਰਸ਼ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦਾ ਪ੍ਰਤੀਕ ਹੋਣਗੇ。
| ਚਰੋਮੇ | IE / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- ਪਿਛਲੀ ਪੰਨਾ ਕੋਲਮਨ-ਸਪੈਨ
- ਅਗਲਾ ਪੰਨਾ ਕੋਲਮਨਸ
