::target-text はCSS の擬似要素で、ブラウザーがテキストフラグメントに対応している場合に、スクロールされたテキストを表します。これにより、作成者はそのテキスト節をどのように強調表示するかを選ぶことができます。

::target-text 擬似要素は、すべての表示強調擬似要素に共通する特別な継承モデルに従います。この継承の仕組みの詳細については、表示強調擬似要素の継承の節を参照してください。

構文

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

例

テキストフラグメントを強調表示

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

この CSS を確認するには、scroll-to-text demo へのリンクを辿ってください。

仕様書

ブラウザーの互換性

関連情報

• テキストフラグメント
• :target （対象要素の強調表示に使用）