CSS کاؤنٹر ری سیٹ اپریٹر

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

counter-reset ਵਿਸ਼ੇਸ਼ਤਾ ਕੋਈ ਚੋਣਕਰਤਾ ਦੇ ਆਉਣ ਵਾਲੇ ਗਿਣਤੀ ਕੰਟੇਕਟਰ ਦਾ ਮੁੱਲ ਸੈਟ ਕਰਦੀ ਹੈ। ਮੂਲਤਬੀ ਮੁੱਲ 0 ਹੈ。

ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਨਾਲ, ਕੰਟੇਕਟਰ ਕੋਈ ਵੀ ਮੁੱਲ ਸੈਟ ਕਰ ਸਕਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਸਕਾਰਾਤਮਕ ਜਾਂ ਨਕਾਰਾਤਮਕ ਮੁੱਲ, ਜੇਕਰ number ਪ੍ਰਦਾਨ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਤਾਂ ਮੂਲਤਬੀ 0 ਹੈ。

ਨੋਟਸ:ਜੇਕਰ "display: none" ਵਰਤਿਆ ਗਿਆ ਤਾਂ ਕੌਣਟਰ ਨੂੰ ਮੁੜ ਸੁਰੱਖਿਅਤ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਜੇਕਰ "visibility: hidden" ਵਰਤਿਆ ਗਿਆ ਤਾਂ ਕੌਣਟਰ ਨੂੰ ਮੁੜ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।

ਇਸ ਦੇ ਅਨੁਸਾਰ ਵੇਖੋ:

CSS ਸੰਦਰਭ ਪੁਸਤਕ:CSS :before ਪਸੀਵੇਲ ਐਲੀਮੈਂਟ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:CSS :after ਪਸੀਵੇਲ ਐਲੀਮੈਂਟ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:content ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:counter-increment ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਫੰਕਸ਼ਨ:counter() ਫੰਕਸ਼ਨ

HTML DOM ਸੰਦਰਭ ਪੁਸਤਕ:counterReset ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਨ

ਪ੍ਰਤੀਭਾਗ ਅਤੇ ਉਪ ਪ੍ਰਤੀਭਾਗ ਨੂੰ ਗਿਣਤੀ ਕਰਨ ਦਾ ਤਰੀਕਾ ਹੈ (ਉਦਾਹਰਨ "ਪ੍ਰਤੀਭਾਗ 1"、"1.1"、"1.2")

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) " ";
  }

ਖੁਦ ਸਿਖਾਓ

CSS ਸ਼ਾਬਦਿਕ ਰੂਪ

counter-reset: none|name number|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
none ਮੂਲਮੁੱਲ। ਚੋਣਕਰਤਾ ਦੇ ਕੌਣਟਰ ਨੂੰ ਮੁੜ ਸੁਰੱਖਿਅਤ ਕਰਨ ਵਾਲੇ ਨਹੀਂ ਹੁੰਦੇ।
id number

id ਮੁੱਖ ਕੌਣਟਰ ਨੂੰ ਮੁੜ ਸੁਰੱਖਿਅਤ ਕਰਨ ਵਾਲੇ ਚੋਣਕਰਤਾ, id ਜਾਂ class ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

number ਇਹ ਚੋਣਕਰਤਾ ਦੇ ਸਾਹਮਣੇ ਆਉਣ ਵਾਲੇ ਮੁੱਖ ਕੌਣਟਰ ਦਾ ਮੁੱਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਪ੍ਰਤੀਕਾਂ ਹੋ ਸਕਦੇ ਹਨ ਕਿਉਂਕਿ ਪ੍ਰਤੀਕਾਂ ਹੋ ਸਕਦੇ ਹਨ, ਕੋਈ ਜਾਂ ਨਕਾਰਾਤਮਕ ਸੰਖਿਆ ਹੋ ਸਕਦੀ ਹੈ。
inherit counter-reset ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੂਲਮੁੱਲ ਮੂਲ ਈਲੈਕਟਰਨਿਕ ਵਿਸ਼ੇਸ਼ਤਾ ਤੋਂ ਵਿਰਾਸਤ ਲਈ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਮੁੱਲ: none
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS2
JavaScript ਸ਼ਾਬਦਿਕ ਰੂਪ: object.style.counterReset="subsection"

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

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

ਚਰੋਮੇ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
4.0 8.0 2.0 3.1 9.6

ਨੋਟਸ:ਜੇਕਰ !DOCTYPE ਨਿਰਧਾਰਿਤ ਹੈ ਤਾਂ Internet Explorer 8 (ਅਤੇ ਉੱਚ ਵਰਜਨ) counter-reset ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਮਰੱਥਾ ਹੈ。