Συνάρτηση counters() της CSS

Ορισμός και χρήση

Η CSS counters() Η συνάρτηση επιστρέφει την τρέχουσα τιμή του ονομαστού μετρητή και του μετρητή κλίσης ως συμβολοσειρά.

Εδώ χρησιμοποιούμε counters() Η συνάρτηση εισάγει μια συμβολοσειρά μεταξύ μετρητών διαφορετικών επιπέδων.

Επίδειξη

Παράδειγμα 1

Εδώ χρησιμοποιούμε counters() Η συνάρτηση εισάγει μια συμβολοσειρά μεταξύ μετρητών διαφορετικών επιπέδων (ένα σημείο):

ol {
  counter-reset: section;
  list-style-type: none;
}
li::before {
  counter-increment: section;
  content: counters(section,".") " ";
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Ρύθμιση του στυλ μετρητή και της λωρίδας συνδυασμού σε "-":

ol {
  counter-reset: section;
  list-style-type: none;
}
li::before {
  counter-increment: section;
  content: counters(section, "-", lower-alpha) " ";
}

Δοκιμάστε το προσωπικά

Γραμματική CSS

counters(countername, string, counterstyle)
Αξία Περιγραφή
countername

Απαιτείται. Ονομασία μετρητή (ίδια με την ονομασία που χρησιμοποιείται στις ιδιότητες counter-reset και counter-increment).

Σημείωση: Η ονομασία διακρίνεται σε κεφαλαία και πεζά.
string Απαιτείται. Λαβύρινθος συνδυασμού. Μπορεί να είναι οποιοσδήποτε αριθμός χαρακτήρων κειμένου.
counterstyle

Επιλογή. Στυλ μετρητών (μπορεί να είναι τιμή του list-style-type, όνομα του @counter-style ή η συνάρτηση symbols()).

Από προεπιλογή decimal.

Τεχνικά λεπτομέρειες

Έκδοση: CSS3

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

Κρόμεω Εντζ Φάιρφξεξ Σαφάρι Οπερα
支持 支持 支持 支持 支持

相关页面

Εκμάθηση:}Αριθμητής CSS

Αναφορά:CSS content ιδιότητα

Αναφορά:CSS counter-increment ιδιότητα

Αναφορά:CSS counter-reset ιδιότητα

Αναφορά:Άρθρο CSS @counter-style

Αναφορά:CSS counter() Λειτουργία