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 | ||
logiciel:internet:dokuwiki:plugins:headingnumbers:start [2021/02/26 11:54] – [Numérotation automatique des titres par CSS] admin | logiciel:internet:dokuwiki:plugins:headingnumbers:start [2022/08/13 22:27] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 8: | Ligne 8: | ||
??? 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é** | ||
+ | Il est parfois utile d' | ||
- | ??? pouvoir désactiver la numérotation pour un titre donné** | + | La méthode habituelle consiste à définir une classe **nocount**. |
- | !!! Il est parfois utile d' | + | |
- | !!! La méthode habituelle consiste à définir une classe **nocount**. | + | |
- | ===== Pré-requis ===== | + | Exemple : |
+ | * voici un h3 qui n' | ||
+ | * et pour relancer la numérotation :< | ||
+ | ??? Ici, il ne s'agit pas de donner un style aux titres | ||
+ | !!! c'est autre chose. Il ne s'agit que des numéros. | ||
- | ===== Installation ===== | + | ==== Le CSS ==== |
- | ===== Configuration ===== | + | Et voici le CSS :<code - > |
+ | body {counter-reset: | ||
+ | h2 {counter-reset: | ||
+ | h3 {counter-reset: | ||
+ | h4 {counter-reset: | ||
+ | h5 {counter-reset: | ||
- | ===== Utilisation ===== | + | h2:before {counter-increment: |
+ | h3:before {counter-increment: | ||
+ | h4:before {counter-increment: | ||
+ | h5:before {counter-increment: | ||
+ | h6:before {counter-increment: | ||
- | ===== Désinstallation ===== | + | h2.nocount: |
+ | </ | ||
- | ===== Voir aussi ===== | + | 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 ==== | ||
+ | |||
+ | ==== Utilisation ==== | ||
+ | |||
+ | ==== Désinstallation ==== | ||
+ | |||
+ | ==== Voir aussi ==== | ||
* **(en)** [[https:// | * **(en)** [[https:// |