aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-02-16 00:52:03 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-02-22 15:20:26 +0900
commit531fd1c665322cf5904066d42c6263fc9f76d32b (patch)
tree1b8dc5893cd5d43b01f7c2e49e96606127830bcc
parente20b7462f185c38e1c91b22b6d90aa087867c6c5 (diff)
downloadtranslated-content-531fd1c665322cf5904066d42c6263fc9f76d32b.tar.gz
translated-content-531fd1c665322cf5904066d42c6263fc9f76d32b.tar.bz2
translated-content-531fd1c665322cf5904066d42c6263fc9f76d32b.zip
2021/08/13 時点の英語版に基づき新規翻訳
-rw-r--r--files/ja/web/css/scroll-snap-type-x/index.md63
-rw-r--r--files/ja/web/css/scroll-snap-type-y/index.md63
2 files changed, 126 insertions, 0 deletions
diff --git a/files/ja/web/css/scroll-snap-type-x/index.md b/files/ja/web/css/scroll-snap-type-x/index.md
new file mode 100644
index 0000000000..1eb4333ba7
--- /dev/null
+++ b/files/ja/web/css/scroll-snap-type-x/index.md
@@ -0,0 +1,63 @@
+---
+title: scroll-snap-type-x
+slug: Web/CSS/scroll-snap-type-x
+tags:
+ - CSS
+ - CSS プロパティ
+ - CSS スクロールスナップ
+ - NeedsExample
+ - Non-standard
+ - リファレンス
+ - recipe:css-property
+browser-compat: css.properties.scroll-snap-type-x
+translation_of: Web/CSS/scroll-snap-type-x
+---
+{{CSSRef}}{{deprecated_header}}
+
+**`scroll-snap-type-x`** は [CSS](/ja/docs/Web/CSS) のプロパティで、スクロールコンテナーの水平軸にスナップ点がある場合に、どの程度厳密に実行されるかを定義します。
+
+これらのスナップ点を強制するために使用される正確なアニメーションや物理学の指定は、このプロパティでは扱っておらず、ユーザーエージェントに任されています。
+
+```css
+/* キーワード値 */
+scroll-snap-type-x: none;
+scroll-snap-type-x: mandatory;
+scroll-snap-type-x: proximity;
+
+/* グローバル値 */
+scroll-snap-type-x: inherit;
+scroll-snap-type-x: initial;
+scroll-snap-type-x: unset;
+```
+
+## 構文
+
+### 値
+
+- `none`
+ - : このスクロールコンテナーの視覚的{{Glossary("viewport", "ビューポート")}}が水平方向にスクロールされるとき、スナップ点を無視しなければならない。
+- `mandatory`
+ - : このスクロールコンテナーの視覚的ビューポートは、現在水平方向にスクロールされていない場合、スナップ点で静止します。つまり、可能であれば、スクロール動作が終了した時点でその点にスナップします。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止状態を維持するように調整されます。
+- `proximity`
+ - : このスクロールコンテナーの視覚的ビューポートは、ユーザーエージェントのスクロール引数を考慮して、現在水平方向にスクロールされていない場合、スナップ点に静止することができる。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止を維持するために調整されるかもしれません。
+
+## 公式定義
+
+{{CSSInfo}}
+
+## 形式文法
+
+{{CSSSyntax}}
+
+## 仕様書
+
+どの標準にも含まれていません。
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [`scroll-snap-type-y`](/ja/docs/Web/CSS/scroll-snap-type-y)
+- [`scroll-snap-type`](/ja/docs/Web/CSS/scroll-snap-type)
diff --git a/files/ja/web/css/scroll-snap-type-y/index.md b/files/ja/web/css/scroll-snap-type-y/index.md
new file mode 100644
index 0000000000..88d80ff102
--- /dev/null
+++ b/files/ja/web/css/scroll-snap-type-y/index.md
@@ -0,0 +1,63 @@
+---
+title: scroll-snap-type-y
+slug: Web/CSS/scroll-snap-type-y
+tags:
+ - CSS
+ - CSS プロパティ
+ - CSS スクロールスナップ
+ - NeedsExample
+ - Non-standard
+ - リファレンス
+ - recipe:css-property
+browser-compat: css.properties.scroll-snap-type-y
+translation_of: Web/CSS/scroll-snap-type-y
+---
+{{CSSRef}}{{deprecated_header}}
+
+**`scroll-snap-type-y`** は [CSS](/ja/docs/Web/CSS) のプロパティで、スクロールコンテナーの垂直軸にスナップ点がある場合に、どの程度厳密に実行されるかを定義します。
+
+これらのスナップ点を強制するために使用される正確なアニメーションや物理学の指定は、このプロパティでは扱っておらず、ユーザーエージェントに任されています。
+
+```css
+/* キーワード値 */
+scroll-snap-type-y: none;
+scroll-snap-type-y: mandatory;
+scroll-snap-type-y: proximity;
+
+/* グローバル値 */
+scroll-snap-type-y: inherit;
+scroll-snap-type-y: initial;
+scroll-snap-type-y: unset;
+```
+
+## 構文
+
+### 値
+
+- `none`
+ - : このスクロールコンテナーの視覚的{{Glossary("viewport", "ビューポート")}}が垂直方向にスクロールされるとき、スナップ点を無視しなければならない。
+- `mandatory`
+ - : このスクロールコンテナーの視覚的ビューポートは、現在垂直方向にスクロールされていない場合、スナップ点で静止します。つまり、可能であれば、スクロール動作が終了した時点でその点にスナップします。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止状態を維持するように調整されます。
+- `proximity`
+ - : このスクロールコンテナーの視覚的ビューポートは、ユーザーエージェントのスクロール引数を考慮して、現在垂直方向にスクロールされていない場合、スナップ点に静止することができる。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止を維持するために調整されるかもしれません。
+
+## 公式定義
+
+{{CSSInfo}}
+
+## 形式文法
+
+{{CSSSyntax}}
+
+## 仕様書
+
+どの標準にも含まれていません。
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [`scroll-snap-type-x`](/ja/docs/Web/CSS/scroll-snap-type-x)
+- [`scroll-snap-type`](/ja/docs/Web/CSS/scroll-snap-type)