CSS counter-reset egenskap

Definition och användning

counter-reset-egenskapen ställer in värdet för räknaren för hur många gånger en viss väljare visas. Standardvärdet är 0.

Använd denna egenskap för att ställa in eller återställa räknaren till vilket värde som helst, positivt eller negativt. Om inget number anges, är standardvärdet 0.

Kommentar:Om "display: none" används, kan räknaren inte återställas. Om "visibility: hidden" används, kan räknaren återställas.

Se också:

CSS referenshandbok:CSS :before pseudoelement

CSS referenshandbok:CSS :after pseudoelement

CSS referenshandbok:content egenskapen

CSS referenshandbok:counter-increment egenskapen

CSS funktion:counter() funktion

HTML DOM referenshandbok:counterReset egenskapen

Exempel

Metoden att numrera delar och underdelar (t.ex. "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) ";
  }

Prova själv

CSS syntax

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

Egenskapsvärde

Värde Beskrivning
inget Standard. Det går inte att återställa räknaren för väljarens räknare.
id number

id Definiera vilken väljare, id eller class som ska användas för att återställa räknaren.

number Det går att ställa in värdet för räknaren som denna väljare visas. Det kan vara ett positivt tal, noll eller ett negativt tal.
inherit Det är specificerat att egenskapen counter-reset ska varaverkad från föräldrelementet.

Tekniska detaljer

Standardvärde: inget
Ärvnad: nej
Version: CSS2
JavaScript syntax: object.style.counterReset="subsection"

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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

Kommentar:Om !DOCTYPE är specificerad, stöder Internet Explorer 8 (och högre versioner) egenskapen counter-reset.