CSS کالام رول اسٹائل اپریٹر

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

column-rule-style ਪ੍ਰਤੀਕ ਕੋਲਮਾਂ ਦਰਮਿਆਨ ਸਟਾਈਲ ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿਖਲਾਈ ਪੁਸਤਕ:CSS3 ਮਲਟੀ-ਕੋਲਮ

HTML DOM ਸੂਚਨਾ ਪੁਸਤਕ:columnRuleStyle ਪ੍ਰਤੀਕ

ਉਦਾਹਰਣ

ਕੋਲਮਾਂ ਦਰਮਿਆਨ ਰੰਗ ਰੂਲ ਸੈਟ ਕਰੋ:

div {
  column-rule-style: dotted;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

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

CSS ਵਿਆਕਰਣ

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

ਪ੍ਰਤੀਕ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ ਟੈਸਟ
none ਕੋਈ ਰੂਲ ਨਹੀਂ ਦਰਸਾਉਂਦਾ ਹੈ。 ਟੈਸਟ
hidden ਬਿੰਦੂ ਰੇਖਾ ਦੀ ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
dotted ਦੇਹਾਂਤ ਰੇਖਾ ਦੀ ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
dashed ਸਿੱਧੀ ਰੇਖਾ ਦੀ ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
solid ਸਿੱਧੀ ਰੇਖਾ ਦੀ ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
double ਦੋ ਰੇਖਾਵਾਂ ਦੀ ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
groove 3D grooved ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਪ੍ਰਭਾਵ ਚੌਦਾਮੀ ਅਤੇ ਰੰਗ ਮੁੱਲਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
ridge 3D ridged ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਪ੍ਰਭਾਵ ਚੌਦਾਮੀ ਅਤੇ ਰੰਗ ਮੁੱਲਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
inset 3D inset ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਪ੍ਰਭਾਵ ਚੌਦਾਮੀ ਅਤੇ ਰੰਗ ਮੁੱਲਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 ਟੈਸਟ
outset 3D outset ਰੂਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਪ੍ਰਭਾਵ ਚੌਦਾਮੀ ਅਤੇ ਰੰਗ ਮੁੱਲਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 ਟੈਸਟ

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: none
ਵਿਰਾਸਤੀ ਸਮਰੱਥਾ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਵਿਆਕਰਣ: object.style.columnRuleStyle="dotted"

ਹੋਰ ਉਦਾਹਰਣ

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

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

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

ਜਿਨ੍ਹਾਂ ਨੰਬਰਾਂ ਵਿੱਚ -webkit- ਜਾਂ -moz- ਹੈ ਉਹ ਪ੍ਰਾਥਮਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਤੀਕ ਵਰਗ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦਾ ਇਸਤੇਮਾਲ ਕਰਦੇ ਹਨ।

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