::target-text CSS pseudo-element
Baseline
2024
Neu verfügbar
Seit December 2024 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Das ::target-text CSS Pseudoelement stellt den Text dar, zu dem gescrollt wurde, falls der Browser Textfragmente unterstützt. Es ermöglicht Autoren zu bestimmen, wie dieser Textabschnitt hervorgehoben wird.
Das ::target-text Pseudoelement folgt einem speziellen Vererbungsmodell, das für alle Highlight-Pseudoelemente gilt. Weitere Details, wie diese Vererbung funktioniert, finden Sie im Abschnitt Highlight-Pseudoelements-Vererbung.
Syntax
css
::target-text {
/* ... */
}
Beispiele
Hervorhebung 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
| Spezifikation |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-target-text |
Browser-Kompatibilität
Siehe auch
- Textfragmente
:target(zum Hervorheben von Zielelementen)