::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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

Experimental: 이 기능은 실험적인 기능입니다.
프로덕션 환경에서 사용하기 전에 브라우저 호환성 표를 주의 깊게 확인하세요.

::target-text CSS 의사 요소는 브라우저가 텍스트 조각을 지원하는 경우에 스크롤된 텍스트를 나타냅니다. 이는 작성자가 해당 텍스트의 일부를 강조하는 방법을 선택할 수 있게 합니다.

css

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

구문

css

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

css

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

CSS의 동작 방식을 확인하려면 scroll-to-text demo 링크를 방문해 보세요.

Specification
CSS Pseudo-Elements Module Level 4 # selectordef-target-text