CSS ::highlight()パseudo-element

定義と使用方法

CSS ::highlight() パseudo-elementはカスタムハイライトのスタイルを設定するために使用されます。

カスタムハイライトはRangeオブジェクトの集合であり、HighlightRegistryを通じてウェブページ上に登録されます。

注意：以下の属性は、 ::highlight() 同時に使用：

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

例

4つのカスタムハイライトのスタイルを設定します：

::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宣言;
}

技術的な詳細

ブラウザのサポート

テーブルの数字は、そのパseudo-elementを完全にサポートする最初のブラウザのバージョンを指定しています。

関連ページ

チュートリアル：CSS 仮要素