Mfano wa CSS counter-reset

Ufafanuzi na matumizi

Jarida ya counter-reset inastawisha thamani ya kinalesha kwa sababu ya kila chaguo. Kwa kawaida inasikitika kwa 0.

Kwa kutumia hii jarida, kinalesha kinaweza kustawisha ama kurejesha kwa chochote thamani, inaweza kuwa thamani ya upande wa juu ama upande wa chini. Ikiwa hakuna number iliyotolewa, inasikitika kwa 0.

Maelezo:Ikiwa inatumia "display: none", hii inakataa kumekadiri kina cha counter. Ikiwa inatumia "visibility: hidden", hii inaweza kumekadiri kina cha counter.

Tazama pia:

Kitabu cha maelezo cha CSS:Pseudelementi :before wa CSS

Kitabu cha maelezo cha CSS:Pseudelementi :after wa CSS

Kitabu cha maelezo cha CSS:Kipaa cha content

Kitabu cha maelezo cha CSS:Kipaa cha counter-increment

Funguo ya CSS:Funguo ya counter()

Kitabu cha maelezo cha HTML DOM:Kipaa cha counterReset

Mifano

Inayofaa kumekadiri kina cha counter kwa kina cha sehemu na kina cha kina sehemu (kama "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) " ";
  }

Inafaa kufanya mafanikio

Inayofaa kufaana Kiingereza:

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

Thamani ya kipaa

Thamani Maelezo
none Chaguo cha kuzingatia: Inaweza kumekadiri kina cha chaguo kwa kumekadiri kina cha counter.
id number

id Inadefini kwa kumekadiri kina cha chaguo, id au class. Inaweza kuwa id number.

number Inaweza kubadilishwa kwa thamani ya kina kwa kusema kwa chaguo cha kina kama kina chaguo au kina class. Inaweza kuwa thamani ya namba, namba ya nje ya zero au namba ya nje ya namba nane.
inherit Inayotakiwa kumekadiri kipaa cha counter-reset kwa kutumia thamani ya kina elementi.

Maelezo ya kidhamira

Chaguo cha kuzingatia: none
Kuwa na uhusiano: no
Tofauti: CSS2
Inayofaa kufaana Kiingereza: object.style.counterReset="subsection"

Mawasiliano ya kifaa

Mafunzo ya tabia za kifaa kina inaonyesha tofauti ya kigeni cha kifaa ambacho kinasimamia kipaa hiki.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Maelezo:Ikiwa inasimamia !DOCTYPE, Internet Explorer 8 (na tofauti) inasimamia kipaa cha counter-reset.