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
Obiekt Licznik przyrostu dokładnością do jednej lub więcej wartości liczników.
Obiekt Licznik przyrostu jest zwykle stosowany razem z właściwością counter-reset i właściwości content.
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS2 |
| Składnia JavaScript: | object .style.counterIncrement = "subsection"; 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-increment | 4,0 | 8,0 | 2,0 | 3,1 | 9,6 |
Note: IE8 obsługuje właściwość przeciwdziałania przyrost tylko wtedy, gdy DOCTYPE jest podany!.
Składnia CSS
counter-increment: none|id|initial|inherit;wartości nieruchomości
| Wartość | Opis |
|---|---|
| none | Domyślna wartość. Brak liczników zostanie zwiększony |
| id number | id określa który licznik, który powinien być zwiększany. number określa, ile licznik będzie zwiększać przy każdym wystąpieniu selektora. Domyślną wartością jest 0 lub 1. Wartości ujemne są niedozwolone. Jeśli id odnosi się do licznika, który nie został zainicjowany przez przeciw-reset, domyślna wartość początkowa wynosi 0 |
| 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-reset property
HTML DOM referencyjny: counterIncrement property