::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.
::target-text は CSS の擬似要素で、ブラウザーが テキストフラグメントに対応している場合に、スクロールされたテキストを表します。これにより、作成者はそのテキスト節をどのように強調表示するかを選ぶことができます。
::target-text 擬似要素は、すべての表示強調擬似要素に共通する特別な継承モデルに従います。この継承の仕組みの詳細については、表示強調擬似要素の継承の節を参照してください。
構文
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 |
ブラウザーの互換性
関連情報
- テキストフラグメント
:target（対象要素の強調表示に使用）