CSS کولمین اسپین اٹری بیوٹ

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

column-span ਪ੍ਰਤੀਕ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਏਜੈਂਟ ਕਿੰਨੇ ਕਲਮਾਂ ਤੋਂ ਪਾਰ ਕਰੇ。

ਹੋਰ ਦੇਖੋ:

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

HTML DOM ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਮcolumnSpan ਪ੍ਰਤੀਕ

ਉਦਾਹਰਨ

h2 ਏਜੈਂਟ ਨੂੰ ਸਾਰੇ ਕਲਮਾਂ ਤੋਂ ਪਾਰ ਕਰੋ:

h2
{
column-span:all;
}

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

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

CSS ਗਰੰਥ:

column-span: 1|all;

ਪ੍ਰਤੀਕ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ ਟੈਸਟ
1 ਏਜੈਂਟ ਨੂੰ ਇੱਕ ਕਲਮੇ ਤੋਂ ਪਾਰ ਕਰੋ。 ਟੈਸਟ
all ਏਜੈਂਟ ਨੂੰ ਸਾਰੇ ਕਲਮਾਂ ਤੋਂ ਪਾਰ ਕਰੋ。 ਟੈਸਟ

ਤਕਨੀਕੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਮੂਲ ਮੁੱਲ: 1
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੰਥ: object.style.columnSpan="all"

ਹੋਰ ਉਦਾਹਰਨ

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

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

ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਨੰਬਰ ਨੂੰ ਦੱਸਿਆ ਗਿਆ ਹੈ ਕਿ ਕਿਸ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਵਿੱਚ ਇਹ ਲੱਕੜੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਹੈ。

ਜਿਨ੍ਹਾਂ ਨੰਬਰਾਂ ਵਿੱਚ -webkit- ਜਾਂ -moz- ਦੇ ਪ੍ਰਤੀਕ ਹਨ, ਉਹ ਪ੍ਰਾਪਤ ਪ੍ਰਾਪਤੀ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੇ ਪ੍ਰਤੀਕ ਹਨ。

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