Aturan @counter-style CSS

Definisi dan penggunaan

CSS @counter-style Aturan digunakan untuk mendefinisikan gaya penhitung kustom.

Ketika gaya yang diatur sebelumnya tidak memenuhi kebutuhan:@counter-style Aturan memungkinkan Anda mendefinisikan gaya penhitung kustom.

Contoh

Tentukan gaya penhitung kustom untuk daftar:

@counter-style crown {
  system: cyclic;
  symbols: "\1F451";
  suffix: " ";
}
ul {
  list-style: crown;
}

Coba sendiri

CSS syntax

@counter-style countername {
  one or more descriptors
}

Nilai atribut

Nilai Deskripsi
countername

Definisi nama gaya penghitung yang sensitif terhadap huruf besar.

Perhatian: nama penghitung tidak boleh adalah: none, decimal, disc, square, circle, disclosure-open, atau disclosure-closed.
system

Definisi algoritma untuk mengkonversi nilai integer penghitung ke string.

Wajib jika system diatur ke cyclic, numeric, alphabetic, symbolic, atau fixed, maka harus ada deskriptor symbols.

Wajib jika system diatur ke additive, maka harus ada deskriptor additive-symbols.
symbols

Definisi simbol yang digunakan untuk menandai (bisa berupa string, gambar, atau identifikasi kustom).

Wajib jika deskriptor system diatur ke cyclic, numeric, alphabetic, symbolic, atau fixed.

Simbol UTF-8 HTML.
additive-symbols

Definisi tupel penambahan sistem.

Sistem penghitung penambahan (seperti angka Romawi) terdiri dari sejumlah tanda yang diunggulkan.

Daftar tanda penghitung dengan berat berurutan menurun dan berat bulat tak negatif.

Wajib jika deskriptor system diatur ke additive.
negative Definisi simbol awal atau akhir yang harus disambungkan ke penunjukan tanda saat nilai negatif.
prefix Definisi simbol awal yang harus disambungkan ke penunjukan tanda.
suffix Definisi simbol akhir yang harus disambungkan ke penunjukan tanda.
range

Definisi rentang nilai gaya penghitung.

Jika nilai penghitung melebihi rentang, lakukan penurunan ke gaya cadangan.
pad

Jika tanda menunjukkan bahwa harus memiliki panjang minimum, gunakan deskriptor ini.

Contohnya, jika Anda ingin penghitung mulai dari 01, kemudian 02, 03, 04, dan seterusnya, gunakan deskriptor pad.

Untuk penghitung yang lebih besar daripada nilai pad yang ditentukan, tanda akan dibangun dengan normal.
speak-as

Definisi bagaimana pemrosesan suara harus membaca gaya penghitung.

Contohnya, untuk daftar yang diurutkan, diucapkan dalam angka atau huruf; untuk daftar yang tidak diurutkan, diucapkan dalam tanda ingatan suara.
fallback

Definisi nama penghitung penurunan jika sistem tidak dapat membangun tanda atau melebihi rentang yang ditentukan.

Jika penjelasan penghitung cadangan atau sistem cadangan tidak dapat menunjukkan nilai penghitung, lakukan penurunan ke gaya desimal.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung @ aturan ini.

Chrome Edge Firefox Safari Opera
91 91 33 17 77