Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteDernière révisionLes deux révisions suivantes | ||
tutoriel:internet:dokuwiki:titres:number:start [2021/02/26 16:26] – [Utilisation de deux ou plusieurs compteurs] admin | tutoriel:internet:dokuwiki:titres:number:start [2021/02/26 16:47] – [Styliser les compteurs] admin | ||
---|---|---|---|
Ligne 91: | Ligne 91: | ||
h3: | h3: | ||
counter-increment: | counter-increment: | ||
+ | }</ | ||
+ | |||
+ | ==== Utilisation de compteurs imbriqués ==== | ||
+ | |||
+ | La fonction counters() permet de spécifier les compteurs imbriqués. | ||
+ | |||
+ | Cela fonctionne bien pour des éléments tels que les listes, où les listes peuvent être imbriquées les unes dans les autres. | ||
+ | |||
+ | Cela ne fonctionnerait pas pour l' | ||
+ | |||
+ | Les compteurs imbriqués peuvent être spécifiés comme suit :<code css > | ||
+ | ol { | ||
+ | counter-reset: | ||
+ | list-style-type: | ||
+ | } | ||
+ | ol li { | ||
+ | counter-increment: | ||
+ | } | ||
+ | ol li:before { | ||
+ | content: | ||
+ | }</ | ||
+ | |||
+ | Le compteur de chaque élément de liste sera ainsi incrémenté, | ||
+ | |||
+ | Il est important de remettre le compteur au bon endroit, pour qu'il se remette à zéro pour chacun des éléments imbriqués. | ||
+ | |||
+ | Dans ce cas, je réinitialise le compteur sur l' | ||
+ | |||
+ | Dans l' | ||
+ | |||
+ | La deuxième liste imbriquée commencera à 1.1.1 et comptera jusqu' | ||
+ | <ol> | ||
+ | < | ||
+ | <ol> | ||
+ | < | ||
+ | <ol> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ol> | ||
+ | </li> | ||
+ | < | ||
+ | </ol> | ||
+ | </li> | ||
+ | < | ||
+ | </ol> | ||
+ | </ | ||
+ | |||
+ | ==== Styliser les compteurs ==== | ||
+ | |||
+ | Il est possible de mettre en forme le compteur en mettant un deuxième argument dans les fonctions du compteur. | ||
+ | |||
+ | Les valeurs sont les mêmes que pour la propriété de type liste. | ||
+ | |||
+ | Bien que toutes les valeurs soient possibles, pour les compteurs, seul un sous-ensemble a un sens, car les valeurs telles que disque, carré et cercle restent les mêmes quelle que soit la valeur du compteur. | ||
+ | |||
+ | Le style peut être spécifié comme suit :<code - > | ||
+ | ol li:before { | ||
+ | counter(answer, | ||
}</ | }</ | ||
===== Conclusion ===== | ===== Conclusion ===== |