Przykład
Sposobem na numer sekcji i podsekcji z "Section 1" , "1.1" , "1.2" , itp .:
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) " ";
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość counter-reset tworzy lub kasuje jeden lub więcej liczników.
Właściwość counter-reset jest zwykle stosowany razem z własności przeciw-inkrementacji i właściwości content.
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS2 |
| Składnia JavaScript: | object .style.counterReset="section" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| counter-reset | 4,0 | 8,0 | 2,0 | 3,1 | 9,6 |
Note: IE8 obsługuje właściwość counter-reset tylko wtedy, gdy DOCTYPE jest podany!.
Składnia CSS
counter-reset: none|name number|initial|inherit;wartości nieruchomości
| Wartość | Opis |
|---|---|
| none | Domyślna wartość. Brak liczniki zostaną zresetowane |
| name | name określa który licznik, który powinien zostać zresetowany |
| number | id określa który licznik, który powinien zostać zresetowane. number ustawia wartość licznika jest ustawiony na każdym wystąpieniu selektora. Domyślną wartością jest 0 resetu |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Odniesienia CSS : Przed elementu pseudo
Odniesienia CSS : po elemencie pseudo
Odniesienia CSS: content property
Odniesienia CSS: counter-increment property
HTML DOM referencyjny: counterReset property