Reset licznika

Aby zdefiniować reset licznika, należy wpisać w definicji stylu counter-reset: nazwa_licznika

Polecenie counter-reset pozwala wyzerować (zresetować) numerację wskazanych elementy, np. numerów podrozdziałów. Polecenie przydaje się np. wtedy, gdy tworzymy hierarchię nagłówków (tytułów) różnych stopni i chcemy numerować podrozdziały od początku, niezależnie od numeracji rozdziałów wyższego szczebla w hierarchii, np. Rozdział 1, podrozdział 1, podrozdział 2, Rozdział 2, podrozdział 1, podrozdział 2 itd. Porównaj counter-increment. Gdyby nie zastosowano polecenia counter-reset, numeracja byłaby ciągła, niezależnie od stopnia śródtytułu, co byłoby niezbyt logiczne.

W części nagłówkowej należy zatem podać przykładową definicję licznika, np.:

• Polecenie body {counter-reset: naglowek1;} zeruje licznik nagłówka stopnia 1 na poziomie ciała dokumentu.
• Polecenie counter-increment określa nazwę licznika, którego wartość będzie automatycznie zwiększana, w naszym wypadku "naglowek1" i "naglowek2".
• Polecenie counter-reset mówi, jaki licznik powinien być zresetowany, gdy zmieni się śródtytuł wyższego stopnia - w tym wypadku zerowany jest "naglowek2", gdy zmieni się numer śródtytułu stopnia 1 - gdy przejdziemy do następnego rozdziału, wydzielonego śródtytułem 1 stopnia, liczenie numerów podrozdziałów rozpocznie się od początku. Zwróć też uwagę, że przy h2 przygotowany jest też reset licznika "naglowek3", gdybyśmy mieli wprowadzić śródtytuły trzeciego stopnia.
• Content zawiera natomiast ciągi znaków ukazujące się przed śródtytułami stopnia 1 i 2, czyli stałą "Rozdział" (dla h1) względnie "Sekcja" (dla h2), kod licznika counter(naglowek1) lub counter(naglowek2) oraz stałą ": ". Połączenie tych elementów zawartości spowoduje wygenerowanie całej zawartości.

Nawiasem mówiąc, liczniki można kombinować, np. tworząc definicję content: "Sekcja " counter(naglowek1) "." counter(naglowek2) ": " . Spowoduje to, że na poziomie drugim będzie wyświetlany licznik zawierający numer rozdziału i kolejny numer sekcji, np. Sekcja 2.1, Sekcja 2.2, Sekcja 2.3 itd.

Przykład użycia:

I żywy przykład działania:

Resetowanie liczników może się przydać przy podejmowaniu na nowo numeracji jakichś elementów, np. punktów wykazu, gdy wyliczanie jest nieciągłe. Zauważ, że w wykazach uporządkowanych, czyli numerowanych, w HTML 4.01 Strict nie ma już atrybutu start=x, który pozwalał podejmować numerację od liczby podanej w tym atrybucie, np. start=8. Można uzyskać tę funkcjonalność właśnie za pomocą liczników.

Gdybyśmy wyliczali jakieś elementy wykazu, ale musieli go przerwać innymi elementami, np. akapitami z tekstem, wprowadzenie po akapicie kolejnej definicji wykazu spowoduje, że punkty wykazu będą liczone od nowa. Gdy jednak w miejsce naturalnego wyliczania użyjemy licznika, możemy się posłużyć resetem licznika do wskazanej wartości, która będzie po prostu kolejnym numerem całej listy, bez względu na fakt jej przerwania.

Najpierw zobaczmy, jaki jest skutek przerwanie wyliczania bez użycia licznika.

Kod:

Efekt:

Jak widzisz, numeracja została wznowiona, a nie podjęta od ostatniego numeru.

Gdy wprowadzimy w części nagłówkowej strony definicję licznika, wraz z wyzerowaniem, np.

a następnie wprowadzimy reset licznika do zadanej wielkości w drugim wykazie (podając numer poprzedniego punktu wykazu):

uzyskany efekt będzie poprawny.

Zauważ jeszcze, że dodatkowo usuwamy naturalne liczniki wykazów, za pomocą list-style-type: none; , aby nie było podwójnej numeracji.

W chwili obecnej praktycznym problemem takiego wykorzystywania liczników jest brak ich obsługi przez przeglądarkę Internet Explorer, wskutek czego większość użytkowników nie byłaby w stanie dostrzec numeracji.