CSS کولمینز اٹری بیوٹ

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

columns ਸੰਖਿਆ ਮੁੱਲ ਇੱਕ ਸ਼ਾਰਟਕੈਟ ਸੰਖਿਆ ਹੈ ਜੋ ਕਿ ਕੋਲਾਂ ਦੀ ਚੌੜਾਈ ਅਤੇ ਗਿਣਤੀ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆ ਪੁਸਤਕ:CSS3 ਬਹੁ-ਸਤਰ

HTML DOM ਸੰਦਰਭ ਪੁਸਤਕ:columns ਸੰਖਿਆ ਮੁੱਲ

ਉਦਾਹਰਣ

ਕੋਲਾਂ ਦੀ ਚੌੜਾਈ ਅਤੇ ਕੋਲਾਂ ਦੀ ਗਿਣਤੀ ਨਿਰਧਾਰਤ ਕਰੋ:

div
{
columns:100px 3;
}

ਸਵੈ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਪੰਨੇ ਦੇ ਨੇੜੇ ਹੋਰ ਉਦਾਹਰਣ ਹਨ。

CSS ਵਿਚਾਰਧਾਰਾ

columns: column-width column-count;

ਸੰਖਿਆ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
column-width ਕੋਲਾਂ ਦੀ ਚੌੜਾਈ
column-count ਕੋਲਾਂ ਦੀ ਗਿਣਤੀ

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto auto
ਵਿਰਾਸਤ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਵਿਚਾਰਧਾਰਾ: object.style.columns="100px 3"

ਹੋਰ ਉਦਾਹਰਣ

Column-count
ਤਿੰਨ ਕੋਲਾਂ ਵਿੱਚ div ਤੈਕਸਟ ਨੂੰ ਵੰਡੋ。
Column-gap
ਤਿੰਨ ਕੋਲਮਾਂ ਵਿੱਚ div ਤੈਕਸਟ ਨੂੰ ਵੰਡੋ, ਅਤੇ ਕੋਲਾਂ ਦਰਮਿਆਨ 30 ਪਿਕਸਲ ਦਾ ਅੰਤਰ ਹੈ。
Column-rule
ਨਾਲ ਲੈਂਡਸਕੇਪ ਦਰਸਾਉਣ ਲਈ ਪੱਧਰਾਂ ਦੀ ਚੌੜਾਈ, ਸਟਾਈਲ ਅਤੇ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰੋ。

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

ਸਪਸ਼ਟ ਪਤੇ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰ ਇਹ ਪਹਿਲੀ ਸਮਰੱਥ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਹਨ。

ਸਾਰੇ -webkit- ਜਾਂ -moz- ਨਾਲ ਸਿਖਰ ਦਾ ਪਹਿਲਾ ਵਰਜਨ ਵਰਤੇ ਗਿਆ ਹੈ。

ਚਰਮੋਨਾ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
50.0
4.0 -webkit-		 10.0 52.0
9.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1