属性递增计数器 CSS

Definisi dan penggunaan

Atribut counter-increment menetapkan penambahan penanda untuk setiap penampilan pemilih.

Pengarang

Dengan guna ciri ini, penambah (atau pengurang) penanda dapat bergerak (atau berkurang) nilai tertentu, yang dapat berupa nilai positif atau negatif. Jika nilai number tidak disediakan, pilihan baku adalah 1.

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

Lihat Juga:

Panduan Referensi CSS:Element Pseudoelement :before CSS

Panduan Referensi CSS:Element Pseudoelement :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 mengangka 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

Sintaksis CSS

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

Nilai Atribut

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

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

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

Detil Teknologi

Nilai Default: none
Inheritance: no
Versi: CSS2
Sintaksis JavaScript: object.style.counterIncrement="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-increment.