Contoh
Sebuah cara untuk nomor bagian dan sub-bagian dengan "Section 1" , "1.1" , "1.2" , dll .:
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
Cobalah sendiri " Definisi dan Penggunaan
Properti kontra-increment increment satu atau lebih nilai counter.
Properti kontra-increment biasanya digunakan bersama-sama dengan properti kontra-reset dan properti konten.
| nilai default: | none |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS2 |
| sintaks JavaScript: | object .style.counterIncrement = "subsection"; Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| counter-increment | 4.0 | 8,0 | 2.0 | 3.1 | 9.6 |
Note: IE8 mendukung properti kontra-selisih hanya jika DOCTYPE ditentukan!.
CSS Syntax
counter-increment: none|id|initial|inherit;Nilai properti
| Nilai | Deskripsi |
|---|---|
| none | nilai default. Tidak ada counter akan bertambah |
| id number | The id mendefinisikan yang counter yang harus bertambah. The number set berapa banyak counter akan bertambah pada setiap kejadian dari pemilih. Peningkatan default adalah 1. nilai 0 atau negatif, tidak diizinkan. Jika id mengacu pada counter yang belum diinisialisasi dengan counter-ulang, nilai awal default adalah 0 |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
Referensi CSS: : sebelum elemen semu
Referensi CSS: : setelah elemen semu
Referensi CSS: content property
Referensi CSS: counter-reset property
Referensi HTML DOM: counterIncrement property