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édente | ||
| tutoriel:internet:dokuwiki:titres:number:start [2021/02/26 16:26] – [Utilisation de deux ou plusieurs compteurs] admin | tutoriel:internet:dokuwiki:titres:number:start [2022/08/13 22:27] (Version actuelle) – modification externe 127.0.0.1 | ||
|---|---|---|---|
| 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 ===== | ||