::target-text
Baseline
2024
Newly available
Depuis December 2024, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
Le pseudo-élément CSS ::target-text représente le texte vers lequel l'écran vient de défiler, dans le cas où le navigateur prend en charge les fragments de texte. Il permet aux auteur·ice·s de mettre en évidence cette section de texte.
Le pseudo-élément ::target-text suit un modèle d'héritage spécial commun à tous les pseudo-éléments de mise en évidence. Pour plus de détails sur le fonctionnement de cet héritage, consultez la section Héritage des pseudo-éléments de mise en évidence.
Syntaxe
::target-text {
/* ... */
}
Exemples
Mise en évidence de scroll-to-text
::target-text {
background-color: rebeccapurple;
color: white;
}
Pour voir ce code CSS en action, suivez ce lien vers la démonstration de scroll-to-text.
Spécifications
| Specification |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-target-text |
Compatibilité des navigateurs
Chargement…
Voir aussi
- Text fragments (angl.)
:target(pour mettre en évidence les éléments cibles)