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édenteProchaine révisionLes deux révisions suivantes | ||
logiciel:internet:dokuwiki:plugins:headingnumbers:start [2021/02/26 12:12] – [Numérotation automatique des titres par CSS] admin | logiciel:internet:dokuwiki:plugins:headingnumbers:start [2021/04/09 12:10] – admin | ||
---|---|---|---|
Ligne 7: | Ligne 7: | ||
Contraintes : | Contraintes : | ||
??? démarrer à h2** | ??? démarrer à h2** | ||
- | !!! h1 est réservé au titre de la page - il ne doit donc pas être numéroté. Le premier titre à numéroter est donc le premier élément h2. | + | !!! h1 est réservé au titre de la page - il ne doit donc pas être numéroté. Le premier titre à numéroter est donc le premier élément h2. ;?? pouvoir désactiver la numérotation pour un titre donné** |
- | + | ||
- | ??? pouvoir désactiver la numérotation pour un titre donné** | + | |
Il est parfois utile d' | Il est parfois utile d' | ||
Ligne 16: | Ligne 14: | ||
Exemple : | Exemple : | ||
* voici un h3 qui n' | * voici un h3 qui n' | ||
- | * et pour relancer la numérotation :<code - ><h3 id=" | + | * et pour relancer la numérotation :<code - ><h3 id=" |
- | + | ||
- | ??? Ici, il ne s'agit pas de donner un style aux titres | + | |
!!! c'est autre chose. Il ne s'agit que des numéros. | !!! c'est autre chose. Il ne s'agit que des numéros. | ||
- | ===== Pré-requis ===== | ||
- | ===== Installation | + | ==== Le CSS ==== |
+ | |||
+ | Et voici le CSS :<code - > | ||
+ | body {counter-reset: | ||
+ | h2 {counter-reset: | ||
+ | h3 {counter-reset: | ||
+ | h4 {counter-reset: | ||
+ | h5 {counter-reset: | ||
+ | |||
+ | h2:before {counter-increment: | ||
+ | h3:before {counter-increment: | ||
+ | h4:before {counter-increment: | ||
+ | h5:before {counter-increment: | ||
+ | h6:before {counter-increment: | ||
+ | |||
+ | h2.nocount: | ||
+ | </ | ||
+ | |||
+ | David Storey donne une bonne explication satisfaisante dans son article intitulé **[[http:// | ||
+ | |||
+ | En gros, vous définissez d' | ||
+ | |||
+ | === Surveillez la cascade ! === | ||
+ | |||
+ | Pour utiliser le moins de lignes de CSS possible, j'ai d' | ||
+ | h2 {counter-reset: | ||
+ | |||
+ | Pourquoi cela ne fonctionne-t-il pas ? C'est le C dans CSS - la cascade. Vous produisez une série de valeurs différentes pour la même propriété et chacune d' | ||
+ | |||
+ | ==== Pré-requis ==== | ||
+ | |||
+ | ==== Installation | ||
- | ===== Configuration | + | ==== Configuration ==== |
- | ===== Utilisation | + | ==== Utilisation ==== |
- | ===== Désinstallation | + | ==== Désinstallation ==== |
- | ===== Voir aussi ===== | + | ==== Voir aussi ==== |
* **(en)** [[https:// | * **(en)** [[https:// |