CSS @counter-style 规则

定义和用法

CSS @counter-style 规则用于定义自定义计数器样式。

当预定义的样式不符合需求时，@counter-style 规则允许您定义自己的计数器样式。

实例

为列表指定自定义计数器样式：

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

亲自试一试

Syntaks CSS

@counter-style countername {
  satu atau lebih deskriptor
}

Nilai atribut

Nilai Deskripsi
countername

Definisi nama gaya penjagaan yang sensitif huruf.

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

Definisi algoritma yang akan mengkonversi nilai integer penjagaan ke string.

Jika system diatur ke cyclic, numeric, alphabetic, symbolic atau fixed, maka wajib deskriptor symbols.

Jika system diatur ke additive, maka wajib deskriptor additive-symbols.
symbols

Definisi simbol yang digunakan untuk tanda (boleh berupa string, gambar atau identitas khusus).

Jika deskriptor system diatur ke cyclic, numeric, alphabetic, symbolic atau fixed, wajib.

Simbol UTF-8 HTML.
additive-symbols

Definisi tuple tambahan sistem.

Sistem penjagaan tambahan (seperti angka Romawi) terdiri dari sekelompok tanda yang berberat.

Daftar tanda penjagaan yang diurutkan berdasarkan bobot turun dan bobot integer yang tidak negatif.

Jika deskriptor system diatur ke additive, wajib.
negative Definisi simbol yang harus ditambahkan ke depan atau belakang tanda yang diwakili jika nilai adalah negatif.
prefix Definisi simbol yang harus ditambahkan ke depan tanda yang diwakili.
suffix Definisi simbol yang harus ditambahkan ke tanda yang diwakili.
range

Definisi rentang nilai gaya penjagaan.

Jika nilai penjagaan melebihi rentang, lakukan kembalian ke gaya gantian.
pad

Jika tanda menunjukkan pentingnya panjang minimal, gunakan deskriptor ini.

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

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

Definisi bagaimana pemrosesan suara yang harus membaca gaya penjagaan.

Contohnya, untuk senarai terurut, baca sebagai angka atau huruf; untuk senarai tak terurut, baca sebagai pemberitahuan audio.
fallback

Definisi nama penjagaan yang kembali jika sistem tidak dapat membangun tanda atau melebihi batas yang ditentukan.

Jika penggunaan penjagaan alternatif atau sistem alternatif tidak dapat menunjukkan nilai penjagaan, lakukan kembalian ke gaya desimal.

Dukungan peramban

Angka di dalam jadwal menunjukkan versi paling awal peramban yang sepenuhnya mendukung @ aturan.

Chrome Edge Firefox Safari Opera
91 91 33 17 77