::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.
Phần tử giả ::target-text trong CSS đại diện cho văn bản đã được cuộn đến nếu trình duyệt hỗ trợ phân mảnh văn bản. Nó cho phép các tác giả lựa chọn cách làm nổi bật phần văn bản đó.
Phần tử giả ::target-text tuân theo mô hình kế thừa đặc biệt chung cho tất cả các phần tử giả highlight. Để biết thêm chi tiết về cách kế thừa này hoạt động, xem phần Kế thừa của các phần tử giả highlight.
Cú pháp
css
::target-text {
/* ... */
}
Ví dụ
Làm nổi bật phân mảnh văn bản
css
::target-text {
background-color: rebeccapurple;
color: white;
}
Để xem CSS này trong thực tế, hãy theo liên kết đến bản demo scroll-to-text.
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-target-text |
Tương thích trình duyệt
Xem thêm
- Phân mảnh văn bản
:target(để làm nổi bật các phần tử mục tiêu)