CSS کاؤنٹر انکریمنت اپریٹ

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

counter-increment ਵਿਸ਼ੇਸ਼ਤਾ ਕੋਈ ਚੁਣੇ ਹੋਏ ਸੈਕਟਰ ਨੂੰ ਹਰ ਵਾਰ ਦਿਖਾਉਣ ਵਾਲੇ ਕੰਟੇਕਟਰ ਦਾ ਵਾਧਾ ਸੈੱਟ ਕਰਦਾ ਹੈ। ਮੂਲਤਬੀ ਵਾਧਾ 1 ਹੈ。

ਵਿਆਖਿਆ

ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਨਾਲ, ਕੰਟੇਕਟਰ ਕੋਈ ਮੁੱਲ ਨੂੰ ਵਧਾ ਸਕਦਾ ਹੈ (ਜਾਂ ਘਟਾ ਸਕਦਾ ਹੈ) ਜੋ ਧਨਾਤਮਕ ਜਾਂ ਨਕਾਰਾਤਮਕ ਹੋ ਸਕਦਾ ਹੈ। ਜੇਕਰ number ਮੁੱਲ ਨਹੀਂ ਦਿੱਤਾ ਗਿਆ ਤਾਂ ਮੂਲਤਬੀ ਮੁੱਲ 1 ਹੁੰਦਾ ਹੈ。

ਨੋਟ:ਜੇਕਰ "display: none" ਵਰਤਿਆ ਗਿਆ ਹੈ ਤਾਂ ਕੌਂਟਰਿੰਗ ਕੀਤਾ ਨਹੀਂ ਜਾ ਸਕਦਾ। ਜੇਕਰ "visibility: hidden" ਵਰਤਿਆ ਗਿਆ ਹੈ ਤਾਂ ਕੌਂਟਰਿੰਗ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।

ਇਸ ਵੱਲ ਵੀ ਦੇਖੋ:

CSS ਸੂਚੀਬੱਧਕਾਰCSS :before ਪਸ਼ੂਆਰਥ ਇਕਾਈ

CSS ਸੂਚੀਬੱਧਕਾਰCSS :after ਪਸ਼ੂਆਰਥ ਇਕਾਈ

CSS ਸੂਚੀਬੱਧਕਾਰcontent ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੂਚੀਬੱਧਕਾਰcounter-reset ਵਿਸ਼ੇਸ਼ਤਾ

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

HTML DOM ਸੂਚੀਬੱਧਕਾਰcounterIncrement ਵਿਸ਼ੇਸ਼ਤਾ

ਇੰਸਟੈਂਸ

ਪ੍ਰਾਰਥਮਿਕ ਅਤੇ ਉਪ-ਪ੍ਰਾਰਥਮਿਕ ਅੰਕਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਦਾ ਤਰੀਕਾ (ਉਦਾਹਰਣ ਵਜੋਂ "Section 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-increment: none|id|initial|inherit;

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

ਮੁੱਲ ਵਰਣਨ
none ਮੂਲਤਵੀ ਮੁੱਲ। ਚੋਣਕਰਤਾ ਵਿੱਚ ਕੋਈ ਕੌਂਟਰ ਵਾਧਾ ਨਹੀਂ ਹੈ。
id number

id ਜੋ ਚੋਣਕਰਤਾ, id ਜਾਂ class ਨੂੰ ਵਧਾਉਣ ਵਾਲਾ ਹੈ ਉਸ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

number ਵਾਧਾ ਮਾਪਦੰਡ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਨੰਬਰ ਸ਼ੁੱਧ ਨੰਬਰ, ਸੀਰੀਅਲ ਨੰਬਰ ਜਾਂ ਨਕਾਰਾਤਮਕ ਨੰਬਰ ਹੋ ਸਕਦਾ ਹੈ。
inherit counter-increment ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ ਜੋ ਮਾਤਾ ਵਿਸ਼ੇਸ਼ਤਾ ਤੋਂ ਵਿਰਾਸਤ ਕੀਤਾ ਜਾਵੇਗਾ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਮੁੱਲ: none
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS2
JavaScript ਗਰੇਫਟਾਂ: object.style.counterIncrement="subsection"

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

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

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

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