::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.
Das ::target-text CSS Pseudo-Element repräsentiert den Text, zu dem gescrollt wurde, wenn der Browser Textfragmente unterstützt. Es ermöglicht Autoren, auszuwählen, wie dieser Textabschnitt hervorgehoben wird.
Das ::target-text Pseudo-Element folgt einem speziellen Vererbungsmuster, das allen Hervorhebungs-Pseudo-Elementen gemeinsam ist. Für weitere Informationen darüber, wie diese Vererbung funktioniert, siehe den Abschnitt Vererbung von Hervorhebungs-Pseudo-Elementen.
Syntax
css
::target-text {
/* ... */
}
Beispiele
Hervorheben von Textfragmenten
css
::target-text {
background-color: rebeccapurple;
color: white;
}
Um dieses CSS in Aktion zu sehen, folgen Sie dem Link zur scroll-to-text Demo.
Spezifikationen
| Specification |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-target-text |
Browser-Kompatibilität
Loading…
Siehe auch
- Textfragmente
:target(zum Hervorheben von Zielelementen)