Mafuta wa CSS counter-increment

Ufafanuzi na matumizi

Mfumo wa counter-increment wa kuzingatia thamani ya kuzingatia kila msingi wa chaguo kilichotumika. Thamani ya kuzingatia kwa msingi ni 1.

Muhtasari

Tumia hii kipimo, kinalesha kinaweza kuitaka (au kurejeshwa) thamani fulani, ambao inaweza kuwa thamani mbili au nane. Ikiwa thamani ya number inahitajika, inatumiwa kwa msingi 1.

Mawazo:Kama inatumiwa "display: none", kama inatumiwa "visibility: hidden", kama inatumiwa kuzingatia.

Tazama pia:

Kitabu cha Kielektroniki cha CSS:Psewdesi :before wa CSS

Kitabu cha Kielektroniki cha CSS:Psewdesi :after wa CSS

Kitabu cha Kielektroniki cha CSS:Kipaa cha content

Kitabu cha Kielektroniki cha CSS:Kipaa cha counter-reset

Funzi ya CSS:Funzi ya counter()

Kitabu cha Kielektroniki cha HTML DOM:Kipaa cha counterIncrement

Mivivu

Inayofanua uwezo wa kuzingatia kwa kina na kina cha chini (kama "Section 1", "1.1", "1.2") ni:

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) " ";
  }

Mtafiti wa Binafsi

Inayofanywa na Kiwango cha CSS

counter-increment: none|id|initial|inherit;

Chaguo cha Kipaa

Chaguo Maelezo
none Chaguo cha Kuzingatia: Kila chaguo cha kifaa hana uwezo wa kuzingatia.
id number

id Inayofafanua kipaa cha chaguo cha kuzingatia kwa chaguo cha kifaa, id au class.

number Inayofafanua uwezo wa kuzingatia. number inaweza kuwa namba ya juu, namba ya kuzingatia au namba ya kidogo.
inherit Inayoweza kuwaonekana kuzalishwa kwa kipaa cha counter-increment cha maelezo mmoja.

Mafano ya Teknolojia

Chaguo cha Kuzingatia: none
Kuzalishwa: no
Jipya: CSS2
Inayofanywa na Kiwango cha JavaScript: object.style.counterIncrement="subsection"

Mwongozo wa Kifaa

Viwango vya kifaa kinaonyesha vyuo vya kifaa vya kwanza vya kufaa kipaa kikuu cha kipaa cha counter-increment.

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

Mawazo:Kama inae ingia !DOCTYPE, Internet Explorer 8 (na vyuo vya kifupi) inaonesha kipaa cha counter-increment.