From 8aaa8dea37db455fe40edd3cf67625cd7c249120 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 23 Jan 2022 14:46:58 +0900
Subject: 2021/12/28 時点の英語版に同期
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/css/_doublecolon_target-text/index.md | 51 ++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 files/ja/web/css/_doublecolon_target-text/index.md

(limited to 'files')

diff --git a/files/ja/web/css/_doublecolon_target-text/index.md b/files/ja/web/css/_doublecolon_target-text/index.md
new file mode 100644
index 0000000000..0629dfc734
--- /dev/null
+++ b/files/ja/web/css/_doublecolon_target-text/index.md
@@ -0,0 +1,51 @@
+---
+title: '::target-text'
+slug: Web/CSS/::target-text
+tags:
+  - '::target-text'
+  - CSS
+  - 擬似要素
+  - リファレンス
+  - セレクター
+  - ウェブ
+browser-compat: css.selectors.target-text
+translation_of: Web/CSS/::target-text
+---
+{{CSSRef}}{{SeeCompatTable}}
+
+**`::target-text`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、ブラウザーが scroll-to-text フラグメントに対応している場合にスクロール先のテキストを表します。これによって、節のテキストを強調表示させることができます。
+
+```css
+::target-text {
+  background-color: pink;
+}
+```
+
+## 構文
+
+{{csssyntax}}
+
+## 例
+
+### scroll-to-text を強調表示
+
+```css
+::target-text {
+  background-color: rebeccapurple;
+  color: white;
+}
+```
+
+この CSS を確認するには、 [scroll-to-text demo](https://mdn.github.io/css-examples/target-text/index.html#:~:text=From%20the%20foregoing%20remarks%20we%20may%20gather%20an%20idea%20of%20the%20importance) へのリンクを辿ってください。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [Text fragments](https://web.dev/text-fragments/)
-- 
cgit v1.2.3-54-g00ecf