::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, wenn der Browser Textfragmente unterstützt. Es ermöglicht Autoren, auszuwählen, wie dieser Textabschnitt hervorgehoben werden soll.

css
::target-text {
  background-color: pink;
}

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

BCD tables only load in the browser

Siehe auch