CSS counter-reset egenskab

Definition og brug

Egenskaben 'counter-reset' sætter værdien af tælleren for antallet af gange en viser vises. Standardværdien er 0.

Brug denne egenskab til at sætte eller nulstille tælleren til enhver værdi, enten positiv eller negativ. Hvis 'number' ikke er angivet, er standardværdien 0.

Bemærk:Hvis "display: none" bruges, kan tælleren ikke nulstilles. Hvis "visibility: hidden" bruges, kan tælleren nulstilles.

Se også:

CSS referencehåndbog:CSS :before pseudoelement

CSS referencehåndbog:CSS :after pseudoelement

CSS referencehåndbog:content-egenskaben

CSS referencehåndbog:counter-increment-egenskaben

CSS funktion:counter() funktion

HTML DOM referencehåndbog:counterReset-egenskaben

Eksempel

Metoder til at nummerere sektioner og undersektioner (f.eks. "Afsnit 1", "1.1", "1.2"):

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
ingen Standard. Kan ikke nulstille tælleren for vælgerens tæller.
id number

id Definerer vælgeren, id eller class, der skal nulstilles.

number Kan indstille værdien af tælleren, der vises af denne vælger. Kan være et positivt tal, nul eller et negativt tal.
inherit Definerer at counter-reset-egenskabets værdi skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ingen
Arv: nej
Version: CSS2
JavaScript syntaks: object.style.counterReset="subsection"

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter denne egenskab.

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

Bemærk:Hvis !DOCTYPE er defineret, understøtter Internet Explorer 8 (og højere versioner) counter-reset-egenskaben.