Exemplu
O modalitate de a număra secțiuni și sub-secțiuni cu "Section 1" , "1.1" , "1.2" , etc .:
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
Încearcă - l singur » Definiție și utilizare
Proprietatea contra-increment incremente una sau mai multe valori contra.
Proprietatea contra-incrementului este de obicei utilizat împreună cu proprietatea contra resetată și proprietatea de conținut.
Valoare implicită: | none |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS2 |
sintaxa JavaScript: | object .style.counterIncrement = "subsection"; Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
counter-increment | 4 | 8 | 2.0 | 3.1 | 9.6 |
Note: IE8 susține proprietatea contra-incrementare numai în cazul în care este specificat un DOCTYPE!.
CSS Sintaxa
counter-increment: none| Valori de proprietate Valoare Descriere none Valoare implicită. Nu există contoare va fi incrementat id number id - id definește contor care ar trebui să fie incrementat. number stabilește cât de mult contorul va crește pe fiecare apariție a selectorului. Incrementările implicită este 1. valorile 0 sau negative, sunt permise. În cazul în care id - id se referă la un contor care nu a fost inițializat de contra-resetare, valoarea inițială implicită este 0 initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Referință CSS: : înainte de elementul pseudo
Referință CSS: : după elementul pseudo
Referință CSS: content property
Referință CSS: counter-reset property
HTML DOM referință: counterIncrement property