CSS tæller-increment egenskab

Definition og brug

counter-increment-egenskaben indstiller den mængde, som en vælger får talt op hver gang den vises. Standardøgningen er 1.

Beskrivelse

Brug denne egenskab til at øge (eller reducere) en værdi, hvilket kan være enten positiv eller negativ. Hvis ingen værdi for number er angivet, er standardværdien 1.

Bemærk:Hvis "display: none" bruges, kan tællingen ikke øges. Hvis "visibility: hidden" bruges, kan tællingen øges.

Se også:

CSS reference manual:CSS :before pseudoelement

CSS reference manual:CSS :after pseudoelement

CSS reference manual:content egenskaben

CSS reference manual:counter-reset egenskaben

CSS funktion:counter() funktion

HTML DOM reference manual:counterIncrement 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-increment: none|id|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
ingen Standard. Vælgeren har ingen tællingsstigning.
id number

id Definerer vælgeren, id eller class, der skal øges i tællingen.

number Definerer stigningsværdien. number kan være et positivt tal, nul eller et negativt tal.
inherit Definerer, at værdien af counter-increment-egenskaben skal arves fra forældreelementet.

Tekniske detaljer

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

Browserunderstøttelse

Tabelnumre angiver den første browserversion, der fuldt ud understøtter egenskaben.

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-increment-egenskaben.