Atribut counter-increment CSS

Definisi dan penggunaan

Properti counter-increment menetapkan penambahan penjumalah setiap penampilan pemilih.

Pengertian

Dengan properti ini, penjumalah (atau mengurangi) nilai dapat berlanjut, ini dapat menjadi nilai positif atau negatif. Jika nilai number tidak disediakan, nilai standar adalah 1.

Keterangan:Jika digunakan "display: none", penambahan penhitungan tidak dapat dilakukan. Jika digunakan "visibility: hidden", penambahan penhitungan dapat dilakukan.

Lihat Juga:

Panduan Referensi CSS:Pseudo-element :before CSS

Panduan Referensi CSS:Pseudo-element :after CSS

Panduan Referensi CSS:Atribut content

Panduan Referensi CSS:Atribut counter-reset

Fungsi CSS:Fungsi counter()

Panduan Referensi HTML DOM:Atribut counterIncrement

Contoh

Cara untuk menomori bagian dan sub-bagian (seperti "Section 1", "1.1", "1.2") adalah:

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

Coba Sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
none Default. Pemilihan tanpa penambahan penhitungan.
id number

id Definisi pemilihan, id, atau class yang akan dihitung.

number Definisi penambahan. number dapat berupa angka positif, nol, atau negatif.
inherit Diatur untuk menerima nilai atribut counter-increment dari elemen induk.

Detil Teknis

Nilai Default: none
Inheritsi: no
Versi: CSS2
Syntaks JavaScript: object.style.counterIncrement="subsection"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini sepenuhnya.

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

Keterangan:Jika telah diatur !DOCTYPE, maka Internet Explorer 8 (dan versi yang lebih tinggi) mendukung atribut counter-increment.