WebDev.wiki > CSS > CSS vlastnosti a hodnoty > counter-reset

counter-reset

Definice a použití

CSS vlastnost counter-reset resetuje pojmenované počítadlo, používá se, aby správně fungovala vlastnost counter-increment.

CSS syntaxe

counter-reset: counter-reset;

Hodnoty vstupů	Popis	Hodnota
counter-reset	resetuje pojmenované počítadlo	none id

Counter-reset resetuje jednu nebo více hodnot counteru. Tato vlastnost je většinou používána s vlastností counter-increment a content.

Ukázka:

CSS

/* Způsob očíslování sekcí na podsekce (Sekce 1, 1.1, 1.2 atd.) podle nadpisu h1 (sekce) a h2 (podsekce)*/
body {
    counter-reset: section; /* na začátku části resetujeme */ 
}
h1 {
    counter-reset: subsection; /* definujeme počítání podsekcí */ 
}
h1:before {
    counter-increment: section;
    content: "Section " counter(section) ". ";
}
h2:before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " "; 
}

Použité vlastnosti: counter-reset, counter-increment, content

Podpora webových prohlížečů

Firefoxano

Internet Explorerbez podpory

Google Chromeano

Safariano

Operaano