CSS スクロールスナップ点関係の文書を更新

- 2021/10/09 時点の英語版に基づき更新

1 files changed, 17 insertions, 44 deletions

diff --git a/files/ja/web/css/css_scroll_snap_points/index.md b/files/ja/web/css/css_scroll_snap_points/index.md
index 5b6996036e..5bdae2fa62 100644
--- a/files/ja/web/css/css_scroll_snap_points/index.md
+++ b/files/ja/web/css/css_scroll_snap_points/index.md
@@ -3,57 +3,30 @@ title: CSS スクロールスナップ点
 slug: Web/CSS/CSS_Scroll_Snap_Points
 tags:
   - CSS
-  - CSS スクロールスナップ点
-  - Overview
-  - Reference
+  - CSS スクロールスナップ
+  - ガイド
   - 概要
+  - Reference
 translation_of: Web/CSS/CSS_Scroll_Snap_Points
 ---
-<div>{{CSSRef}} {{deprecated_header}}</div>
-
-<p><ruby><strong>CSS スクロールスナップ点</strong><rp> (</rp><rt>CSS Scroll Snap Points</rt><rp>) </rp></ruby>は CSS のモジュールの一つで、スクロールのスナップ位置を導入します。これは、スクロールの実行が終了した後にコンテナーのスクロール領域が停止する位置を明示的に決定します。</p>
-
-<div class="note">
-<p><strong>メモ</strong>: <a href="/ja/docs/Web/CSS/CSS_Scroll_Snap">CSS スクロールスナップ</a>がこの機能を定義する最新の仕様書です。</p>
-</div>
-
-<h2 id="Reference" name="Reference">リファレンス</h2>
+{{CSSRef}} {{deprecated_header}}
 
-<h3 id="CSS_properties" name="CSS_properties">CSS プロパティ</h3>
+**CSS スクロールスナップ点** (CSS Scroll Snap Points) は CSS のモジュールの一つで、スクロールのスナップ位置を導入します。これは、スクロールの実行が終了した後にコンテナーのスクロール領域が停止する位置を明示的に決定します。
 
-<div class="index">
-<ul>
- <li>{{cssxref("scroll-snap-coordinate")}}</li>
- <li>{{cssxref("scroll-snap-destination")}}</li>
- <li>{{cssxref("scroll-snap-points-x")}}</li>
- <li>{{cssxref("scroll-snap-points-y")}}</li>
- <li>{{cssxref("scroll-snap-type")}}</li>
-</ul>
-</div>
+> **Note:** [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap)がこの機能を定義する最新の仕様書です。
 
-<h2 id="Specification" name="Specification">仕様書</h2>
+## リファレンス
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("CSS Scroll Snap Points", "#propdef-scroll-snap-points-y", "scroll-snap-points-y")}}</td>
-   <td>{{Spec2("CSS Scroll Snap Points")}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
+### CSS プロパティ
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
+- {{cssxref("scroll-snap-coordinate")}}
+- {{cssxref("scroll-snap-destination")}}
+- {{cssxref("scroll-snap-points-x")}}
+- {{cssxref("scroll-snap-points-y")}}
+- {{cssxref("scroll-snap-type")}}
 
-<h3 id="scroll-snap-coordinate_プロパティ"><code>scroll-snap-coordinate</code> プロパティ</h3>
+## 仕様書
 
-<div>
-<p>{{Compat("css.properties.scroll-snap-coordinate")}}</p>
-</div>
+| 仕様書                                                                                          | 状態                                | 備考     |
+| ----------------------------------------------------------------------------------------------- | ----------------------------------- | -------- |
+| {{SpecName("CSS Scroll Snap Points", "#propdef-scroll-snap-points-y", "scroll-snap-points-y")}} | {{Spec2("CSS Scroll Snap Points")}} | 初回定義 |