/ Code Css counter-reset | Résultat du code Css counter-reset | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS counter-reset.

<style type="text/css">
.initsection{  : section }
.initsubsection{  : subsection }

.h3:before{
  : counter(section, decimal) ")"; 
  : section; 
}

.h4:before{
  : counter(section, decimal) "-" counter(subsection, decimal); 
  : subsection; 
}
</style>
<div class="initsection">
<h3 class="h3 initsubsection">Titre 1</h3>
<h4 class="h4">Titre 1.1</h4>
<h4 class="h4">Titre 1.2</h4>
<h3 class="h3 initsubsection">Titre 2 </h3>
<h4 class="h4">Titre 2.1</h4>
<h4 class="h4">Titre 2.2</h4>
</div>

Interprétation du code de la propriété counter-reset CSS par votre navigateur.

Titre 1

Titre 1.1

Titre 1.2

Titre 2

Titre 2.1

Titre 2.2

Interprétation normale du code de la propriété CSS counter-reset (copie d'écran).

copie d'écran de l'affichage de la propriété CSS counter-reset