CSS ::highlight() 가상 꼭지점

정의와 사용법

CSS ::highlight() 꼭지점은 커스텀 하이라이팅 스타일을 설정하는 데 사용됩니다.

커스텀 하이라이팅은 Range 객체의 집합으로, HighlightRegistry를 통해 웹 페이지에 등록됩니다.

주의:다음 속성은 함께 사용할 수 있습니다: ::highlight() 함께 사용하기:

  • color
  • background-color
  • text-decoration
  • text-shadow

예제

네 가지自定义 하이라이팅 스타일을 설정합니다:

::highlight(mycolor-1) {
  color: red;
}
::highlight(mycolor-2) {
  color: green;
}
::highlight(mycolor-3) {
  color: blue;
}
::highlight(mycolor-4) {
  color: salmon;
}

직접 테스트해 보세요

CSS 문법

::highlight(custom-highlight-name) {
  css 선언;
}

기술 세부 사항

버전: CSS 커스텀 하이라이트 API 모듈 레벨 1

브라우저 지원

표中的 숫자는 이 표적을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Chrome Edge Firefox Safari Opera
105 105 不支持 17.2 91

相关页面

강의:CSS 가상 요소