CSS: выделение статического свойства

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из самых широко используемых браузеров.

Статическое, только для чтения highlights свойство интерфейса CSS предоставляет доступ к HighlightRegistry, используемому для форматирования произвольных диапазонов текста с помощью API CSS Custom Highlight.

Значение

Объект HighlightRegistry.

Примеры

Следующий пример демонстрирует создание нескольких диапазонов текста, затем создание объекта Highlight для них, регистрацию этого выделения в HighlightRegistry, и, наконец, форматирование диапазонов текста с помощью псевдоэлемента ::highlight().

const parentNode = document.getElementById("foo");

const range1 = new Range();
range1.setStart(parentNode, 10);
range1.setEnd(parentNode, 20);

const range2 = new Range();
range2.setStart(parentNode, 40);
range2.setEnd(parentNode, 60);

const myCustomHighlight = new Highlight(range1, range2);

CSS.highlights.set("my-custom-highlight", myCustomHighlight);

::highlight(my-custom-highlight) {
  background-color: yellow;
  color: black;
}

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

Спецификация
CSS Custom Highlight API Модуль 1 # dom-css-highlights

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`highlights_static`	105	105	предварительный просмотр	91	17.2	105	Нет	72	17.2	20.0	105

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSS/highlights_static