::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 Pseudoelement repräsentiert den Text, zu dem gescrollt wurde, falls der Browser Textfragmente unterstützt. Es ermöglicht es Autoren, auszuwählen, wie dieser Textabschnitt hervorgehoben werden soll.
Das ::target-text Pseudoelement folgt einem speziellen Vererbungsmodell, das allen Hervorhebungs-Pseudoelementen gemein ist. Für weitere Details darüber, wie diese Vererbung funktioniert, siehe den Abschnitt Vererbung von Hervorhebungs-Pseudoelementen.
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 zum 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)