Atribut counter-reset CSS

Definisi dan penggunaan

Properti counter-reset menetapkan nilai penhitung untuk jumlah penampilan pemilih tertentu. Standarnya adalah 0.

Dengan menggunakan properti ini, penhitung dapat diatur atau direset ke nilai apapun, baik positif maupun negatif. Jika tidak disediakan angka, standar adalah 0.

Keterangan:Jika digunakan "display: none", pengecualian penhitungan tidak dapat diatur. Jika digunakan "visibility: hidden", pengecualian penhitungan dapat diatur.

Lihat Juga:

Panduan Referensi CSS:Elemen Pseudo :before CSS

Panduan Referensi CSS:Elemen Pseudo :after CSS

Panduan Referensi CSS:Atribut content

Panduan Referensi CSS:Atribut counter-increment

Fungsi CSS:Fungsi counter()

Panduan Referensi HTML DOM:Atribut counterReset

Contoh

Cara mengekat dan menomori bagian dan sub-bagian (contoh "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-reset: none|name number|initial|inherit;

Nilai Atribut

Nilai Deskripsi
none Default. Tidak dapat merekam penhitungan pemilihan.
id number

id Definisi pemilihan, id, atau class untuk mereset penhitungan.

number Nilai penhitungan yang dapat diatur untuk penampung pemilihan ini. Bisa berupa angka positif, nol, atau negatif.
inherit Aturan nilai atribut counter-reset harus diwariskan dari elemen orangtua.

Detil Teknologi

Nilai Default: none
Inheritance: no
Versi: CSS2
Syntaks JavaScript: object.style.counterReset="subsection"

Dukungan Browser

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

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

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