Псевдоэлемент CSS `::target-text`

Базовая поддержка Недавно стала доступна

Эта функция работает на последних устройствах и в последних версиях браузеров. Она может не работать на старых устройствах и в старых версиях браузеров. Она поддерживается браузерами с декабря 2024 года.

::target-text — это CSS-псевдоэлемент, представляющий текст, к которому была выполнена прокрутка, если браузер поддерживает текстовые фрагменты. Он позволяет авторам выбирать, как выделить этот участок текста.

Псевдоэлемент ::target-text использует особую модель наследования, общую для всех псевдоэлементов выделения. Подробнее о том, как работает это наследование, см. в разделе Наследование псевдоэлементов выделения.

Синтаксис

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

Примеры

Выделение текстовых фрагментов

::target-text {
  background-color: rebeccapurple;
  color: white;
}

Чтобы увидеть CSS в действии, перейдите по ссылке на демонстрацию прокрутки к тексту.

Спецификации

Спецификация
Модуль псевдоэлементов CSS уровня 4 # selectordef-target-text

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`target-text`	89	89	131	75	18.2	89	131	63	18.2	15.0	89	18.2

См. также

Текстовые фрагменты
:target (для выделения целевых элементов)

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::target-text