Leader() - Fonction CSS

leader()

Résumé des caractéristiques de la fonction leader()

Description rapide
Utilisée avec la propriété content, cette fonction permet d'insérer des points de suite.
Statut
Problèmes de compatibilité
Pourcentages
Ne s'appliquent pas.
Module W3C
Module CSS - Génération de contenu
Références (W3C)
Statut du document: WD (document de travail)

Schéma syntaxique de leader().

leader() - Syntax DiagramSyntax diagram of the leader() CSS function. dotted dotted solid solid space space 'char' 'char'leader()leader()
Schéma syntaxique de la fonction leader()
Les liens du schéma donnent accès à plus de détails

Description des termes utilisés sur le schéma (les termes en gras sont des termes prédéfinis de CSS) :

  • 'char' est une chaîne de caractères souvent un caractère unique.

Description de la fonction leader().

Cette page sera prochainement enrichie. Merci de votre compréhension.

La fonction leader() génère des points de suite, comme sur l'exemple ci-dessous. Les points de suite sont souvent utilisés dans les tables des matières, ou plus généralement, pour guider l’œil du lecteur d'un bout à l'autre des lignes.

  • Premier chapitre.............................................................
  • Deuxième chapitre............................................................
  • Troisième chapitre...........................................................
1
5
12

La fonction leader() peut être utilisée avec :

  • content : Ajoute du contenu dans le document, principalement avec les sélecteurs ::before et ::after.

Syntaxes de la fonction leader().

  • content: leader('-');

    Le caractère spécifié sera utilisé.

  • content: leader(dotted); content: leader(solid); content: leader(space);

    Ces trois valeurs prédéfinies correspondent respectivement à leader('.'), leader('_') et leader(' ').

Simulateur avec la fonction leader()

content :
  • Premier chapitre
  • Deuxième chapitre
  • Troisième chapitre
  • Conclusion

Compatibilité et prise en charge par les navigateurs.

La fonction leader() est encore mal reconnue par les navigateurs (2024).

Historique de la fonction leader().

Génération de contenu, voir aussi...

Depuis la version 3, la norme CSS est modulaire. La fonction leader() est décrite dans le module CSS Generated Content Module. Les définitions suivantes sont également décrites dans ce même module.

Propriétés :

content
Ajoute du contenu dans le document, principalement avec les sélecteurs ::before et ::after.
quotes
Caractères utilisés pour les guillemets.

Fonctions :

target-counter()
Renvoie la valeur d'un compteur, qui peut être insérée dans le document avec la propriété content.
target-counters()
Renvoie la valeur hiérarchique d'un compteur, qui pourra être insérée dans le document avec la propriété content.
target-text()
Renvoie le texte d'un élément désigné par une URL.