::target-text

Baseline 2024

最近利用可能

December 2024以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。

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

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

構文

css

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

css

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

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

仕様書
CSS Pseudo-Elements Module Level 4 # selectordef-target-text

このページは MDN の貢献者によって 2026年1月24日に最終更新されました。