CSS @counter-style 规则

定义和用法

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

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

实例

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

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

亲自试一试

Γλωσσική σύνταξη CSS

@counter-style countername {
  ένα ή περισσότερους δείκτες
}

Τιμή ιδιοτήτων

Τιμή Περιγραφή
countername

Ορίζει το κύριο όνομα του στυλ του μετρητή.

Σημείωση: Το όνομα του μετρητή δεν μπορεί να είναι: none, decimal, disc, square, circle, disclosure-open ή disclosure-closed.
system

Ορίζει το αλγόριθμο που μετατρέπει την ακέραια τιμή του μετρητή σε αλφαριθμητικό.

Αν ο δείκτης system ορίζεται ως cyclic, numeric, alphabetic, symbolic ή fixed, απαιτείται ο δείκτης symbols.

Αν ο δείκτης system ορίζεται ως additive, απαιτείται ο δείκτης additive-symbols.
symbols

Ορίζει τα σύμβολα που χρησιμοποιούνται για τις ετικέτες (μπορούν να είναι αλφαριθμητικός, εικόνα ή προσαρμοσμένος δείκτης).

Αν ο δείκτης system ορίζεται ως cyclic, numeric, alphabetic, symbolic ή fixed, είναι απαραίτητος.

Σύμβολα HTML UTF-8.
additive-symbols

Ορίζει το πρότυπο του συστήματος προσθήκης.

Το σύστημα μετρητή προσθήκης (όπως τα ρωμαϊκά) αποτελείται από μια σειρά από συμβόλα.

Η λίστα των συμβόλων του μετρητή και των μη αρνητικών ακεραίων αριθμητικών βαρών τους είναι κατά σειρά βάθους.

Αν ο δείκτης system ορίζεται ως additive, είναι απαραίτητος.
negative Ορίζει το πρόσθετο σύμβολο που πρέπει να προσκολληθεί στην αρχή ή στο τέλος της ετικέτας όταν η τιμή είναι αρνητική.
prefix Ορίζει το πρόσθετο σύμβολο που πρέπει να προσκολληθεί στην αρχή της ετικέτας.
suffix Ορίζει το πρόσθετο σύμβολο που πρέπει να προσκολληθεί στην ετικέτα.
range

Ορίζει το εύρος τιμών του στυλ του αριθμητή.

Αν η τιμή του αριθμητή υπερβαίνει το εύρος, επανέρχεται στην εναλλακτική μορφή.
pad

Αν η ετικέτα υποδηλώνει ότι είναι απαραίτητο να έχει ελάχιστη μήκος, χρησιμοποιήστε αυτόν τον δείκτη.

Για παράδειγμα, αν θέλετε ο αριθμητής να ξεκινά από 01 και να συνεχίζει με 02, 03, 04 κ.λπ., χρησιμοποιήστε τον δείκτη pad.

Για αριθμητές με τιμή μεγαλύτερη από την καθορισμένη τιμή pad, η ετικέτα κατασκευάζεται κανονικά.
speak-as

Ορίζει πώς ο προφορικός συνθετής θα αναγνωρίσει το στυλ του αριθμητή.

Για παράδειγμα, για σειρές αριθμών, ο αριθμητής αναγνωρίζεται ως αριθμός ή γράμμα; για μη σειρές αριθμών, αναγνωρίζεται ως ακουστική υπενθύμιση.
fallback

Ορίζει το όνομα του αριθμητή που επανέρχεται όταν το σύστημα δεν μπορεί να κατασκευάσει την ετικέτα ή βρίσκεται εκτός του καθορισμένου εύρους.

Αν δεν περιγράφεται εναλλακτικός αριθμητής ή η εναλλακτική συστήματα δεν μπορούν να εκφράσουν την τιμή του αριθμητή, επανέρχεται στην δεκαδική μορφή.

Υποστήριξη περιηγητή

Τα αριθμητικά στοιχεία στην τаблицή σημειώνουν την πρώτη έκδοση του περιηγητή που πλήρως υποστηρίζει αυτό το @ ρυθμό.

Chrome Edge Firefox Safari Opera
91 91 33 17 77