Cara Menggunakan Property CSS counter-reset

Properti counter-reset digunakan untuk mendefinisikan dan menginisialisasi satu atau lebih CSS counters.

Dibutuhkan satu atau lebih pengidentifikasi sebagai value, yang menentukan nama-nama dari counters. Setiap nama counters diikuti secara opsional oleh value <integer> pilihan yang menentukan value awal dari counters. Tidak memiliki kata kunci, inherit dan initial tidak boleh digunakan sebagai nama counters.

Namun, initial value dari counter bukanlah angka / value pertama yang ditampilkan ketika counter ditampilkan. Ini berarti jika Anda ingin counter Anda mulai menampilkan dari satu (1), Anda harus menetapkan initial value dalam counter-reset ke nol. Nol adalah default dari initial value, jadi jika Anda menghilangkannya, initial value akan diatur ulang ke nol secara default. Value negatif diperbolehkan. Jadi, jika Anda ingin counter Anda mulai menampilkan dari nol, Anda dapat mengatur nilai awalnya menjadi -1.

Properti counter-reset juga tidak mengambil atau mewarisi value. Tidak ada yang akan membatalkan counter, dan inherit akan mewarisi value counter reset dari parent elemen. Value default untuk properti counter-reset tidak ada.

 

Sebuah counter diatur ulang pada elemen seperti:

/**
 * Insert your code here
 */

Berikut ini adalah semua value counter-reset yang valid:

counter-reset: section 4; /* counter starts displaying at 5 */

counter-reset: counter_2;

counter-reset: number-system 10;

Properti counter-reset digunakan bersama dengan properti counter-increment. Untuk informasi lebih lanjut tentang cara menggunakan properti counter-reset untuk membuat counter, lihat bagian Menggunakan Counter di entri Counters. /* this no need to be posted I think */

 

Official Syntax

Syntax: counter-reset: [ <identifier> <integer>? ]+ | none | inherit

Leave a Reply

Your email address will not be published. Required fields are marked *