CSS: thuộc tính tĩnh highlights
Baseline
2025
Newly available
Since June 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Thuộc tính chỉ đọc tĩnh highlights của giao diện CSS cung cấp quyền truy cập vào HighlightRegistry dùng để tạo kiểu cho các phạm vi văn bản tùy ý bằng CSS Custom Highlight API.
Giá trị
Đối tượng HighlightRegistry.
Ví dụ
Ví dụ sau minh họa cách tạo nhiều phạm vi văn bản, sau đó tạo một đối tượng Highlight cho chúng, đăng ký highlight này trong HighlightRegistry, và cuối cùng tạo kiểu cho các phạm vi văn bản bằng phần tử giả ::highlight().
js
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);
css
::highlight(my-custom-highlight) {
background-color: yellow;
color: black;
}
Thông số kỹ thuật
| Specification |
|---|
| CSS Custom Highlight API Module Level 1 # dom-css-highlights |