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

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

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

Επεξηγήσεις

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

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

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

Εγχειρίδιο CSSCSS :before Πseudo-Element

Εγχειρίδιο CSSCSS :after Πseudo-Element

Εγχειρίδιο CSSΙδιότητα content

Εγχειρίδιο CSSΙδιότητα counter-reset

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

Εγχειρίδιο HTML DOMΙδιότητα counterIncrement

Παράδειγμα

Μέθοδος αριθμητικής των τμημάτων και των υποτμημάτων (π.χ. "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-increment: none|id|initial|κληθεί;

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

Τιμή Περιγραφή
μηδέν Προεπιλεγμένη. Ο επιλεγμένος αναγνώστης δεν έχει αύξηση αριθμού.
number id

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

number Ορίζει το ποσό της αύξησης. Η number μπορεί να είναι θετική, μηδέν ή αρνητική.
κληθεί Καθορίζεται ότι η τιμή της ιδιότητας counter-increment πρέπει να κληθεί από το γονικό στοιχείο.

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

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

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

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

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

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