Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

::target-text

Baseline 2024
Newly available

Since ⁨December 2024⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

css
::target-text {
  /* ... */
}

Exemples

Mise en évidence de scroll-to-text

css
::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

Voir aussi