Συνάρτηση counter() CSS

Προηγούμενη σελίδα Παράδειγμα cos() συναρτηση
Επόμενη σελίδα Παράδειγμα counters() συναρτηση
Επιστροφή στο προηγούμενο επίπεδο Εγχειρίδιο Αναφορών Λειτουργιών CSS

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

counter() Η συνάρτηση επιστρέφει τη τρέχουσα τιμή του καθορισμένου μετρητή ως字符串.

Εξαίρεση

Παράδειγμα 1

Δημιουργία μετρητών για τη σελίδα (στον επιλογέα body). Αύξηση της τιμής του μετρητή για κάθε στοιχείο <h2> και προσθήκη του κειμένου "Περιεχόμενος" πριν από κάθε στοιχείο <h2>:

body {
  counter-reset: section;
}
h2::before {
  counter-increment: section;
  content: "Περιεχόμενος " counter(section) ": ";
}

Προσπαθήστε το شخصικά

Παράδειγμα 2

Ρύθμιση στυλ μετρητών:

body {
  counter-reset: section;
}
h2::before {
  counter-increment: section;
  content: "Περιεχόμενος " counter(section, upper-roman) ": ";
}

Προσπαθήστε το شخصικά

Γλώσσα CSS

counter(countername, counterstyle)

Τιμή	Περιγραφή
countername	Απαιτείται. Το όνομα του μετρητή (το ίδιο με το όνομα που χρησιμοποιείται στις ιδιότητες counter-reset και counter-increment). Σημείωση: τα ονόματα διακρίνονται σε κεφαλαία και πεζά.
counterstyle	Επιλογή. Στυλ μετρητών (μπορεί να είναι τιμή του list-style-type, όνομα του @counter-style ή η συνάρτηση symbols()). Απότελεσμα προεπιλογής: δεκαδικό.

Τιμή

Περιγραφή

countername

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

Σημείωση: τα ονόματα διακρίνονται σε κεφαλαία και πεζά.

counterstyle

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

Απότελεσμα προεπιλογής: δεκαδικό.