Cara Menggunakan Property CSS counter-increment

Property CSS counter-reset digunakan untuk mendefinisikan dan menginisialisasi satu atau lebih penghitung CSS.

Dibutuhkan satu atau lebih pengidentifikasi sebagai nilai, yang menentukan nama-nama penghitung yang akan ditambahkan. Setiap nama penghitung diikuti secara opsional oleh nilai <integer> opsional yang menunjukkan berapa banyak penghitung yang ditambahkan untuk setiap kemunculan elemen yang Anda beri penomoran. Peningkatan default adalah 1. Nol dan bilangan bulat negatif diizinkan. Jika bilangan bulat negatif ditentukan, penghitung dikurangi.

Berikut ini adalah contoh mendefinisikan penghitung menggunakan properti counter-reset, dan kemudian menentukan bahwa akan ditambahkan oleh satu (nilai default yang digunakan jika Anda tidak menentukan nilai integer) untuk setiap kemunculan h2 menuju di dalam artikel :

article {
    counter-reset: section;
}

article h2 {
    counter-increment: section;
}

 

Berikut ini adalah semua nilai counter-increment yang valid:

counter-increment: my-counter 2; 

counter-increment: list_item;

counter-increment: SomeCounterName222 3; 

counter-increment: silly-name -1;

 

Property CSS counter-increment digunakan bersama dengan property CSS counter-reset. Untuk informasi lebih lanjut tentang cara menggunakan properti kenaikan-tandingan untuk menambah penghitung, lihat bagian Menggunakan Penghitung di entri Penghitung.

Official Syntax

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

 

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.

Leave a Reply

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