CSS counter-reset ιδιότητα

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

Η ιδιότητα counter-reset ρυθμίζει την τιμή του αριθμητή της εμφάνισης μιας συγκεκριμένης επιλογής. Η προεπιλεγμένη τιμή είναι 0.

Χρησιμοποιώντας αυτήν την ιδιότητα, ο αριθμητής μπορεί να ρυθμιστεί ή να επαναφέρει σε οποιαδήποτε τιμή, είτε θετική είτε αρνητική. Αν δεν παρέχεται το number, ο προεπιλεγμένος αριθμός είναι 0.

Σημείωση:Αν χρησιμοποιηθεί "display: none", δεν μπορεί να επαναφερθεί ο μετρητής. Αν χρησιμοποιηθεί "visibility: hidden", μπορεί να επαναφερθεί ο μετρητής.

Δείτε επίσης:

Εγχειρίδιο αναφοράς CSS:Προσθήκη CSS :before

Εγχειρίδιο αναφοράς CSS:Προσθήκη CSS :after

Εγχειρίδιο αναφοράς CSS:Ιδιότητα content

Εγχειρίδιο αναφοράς CSS:Ιδιότητα counter-increment

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

Εγχειρίδιο αναφοράς HTML DOM:Ιδιότητα counterReset

Παράδειγμα

Ο τρόπος που αριθμίζεται η ενότητα και η υποενότητα (π.χ. "Section 1", "1.1", "1.2") είναι:

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) " ";
  }

Προσπαθήστε το προσωπικά

Γλώσσα CSS

counter-reset: none|Όνομα number|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
μηδέν Προεπιλεγμένο. Δεν μπορεί να επαναφέρεται ο μετρητής του επιλογέα.
number id

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

number Μπορεί να ρυθμιστεί η τιμή του μετρητή που εμφανίζεται από τον επιλογέα. Μπορεί να είναι θετικός αριθμός, μηδέν ή αρνητικός αριθμός.
inherit Καθορίζεται ότι η τιμή της ιδιότητας counter-reset πρέπει να αποκτηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: μηδέν
Πρόκληση απόκτησης: no
Έκδοση: CSS2
Γλώσσα JavaScript: object.style.counterReset="subsection"

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

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

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Σημείωση:Αν έχει οριστεί !DOCTYPE, τότε ο Internet Explorer 8 (και οι επόμενες εκδόσεις) υποστηρίζει την ιδιότητα counter-reset.