diff --git a/files/ja/orphaned/web/css/scroll-snap-points-y/index.md b/files/ja/orphaned/web/css/scroll-snap-points-y/index.md deleted file mode 100644 index 53c6a050659fa6..00000000000000 --- a/files/ja/orphaned/web/css/scroll-snap-points-y/index.md +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: scroll-snap-points-y -slug: orphaned/Web/CSS/scroll-snap-points-y -original_slug: Web/CSS/scroll-snap-points-y ---- - -{{CSSRef}}{{deprecated_header}} - -**`scroll-snap-points-y`** は [CSS](/ja/docs/Web/CSS) のプロパティで、適用先のスクロールコンテナーの内容物におけるスナップ点の垂直位置を定義します。 - -```css -/* キーワード値 */ -scroll-snap-points-y: none; - -/* 反復スナップ点 */ -scroll-snap-points-y: repeat(400px); - -/* グローバル値 */ -scroll-snap-points-y: inherit; -scroll-snap-points-y: initial; -scroll-snap-points-y: unset; -``` - -## 構文 - -### 値 - -- `none` - - : スクロールコンテナーはスナップ点を定義しません。スクロールコンテナー内の要素は、スクロールコンテナーに代わってスナップ点を定義することができます。 -- `repeat()` - - : スナップ点を定義するための間隔を、コンテナーの関連する先頭の橋から定義します。正の長さのみが許可されます。パーセント値はコンテナーの幅を示します。 - -## 公式定義 - -{{cssinfo}} - -## 形式文法 - -{{csssyntax}} - -## 例 - -

垂直スクロールスナップ点の設定

- -#### HTML - -```html -
-
1
-
2
-
3
-
-``` - -#### CSS - -```css -#container { - width: 200px; - overflow: auto; - white-space: nowrap; - scroll-snap-points-x: repeat(100%); - scroll-snap-type: mandatory; - font-size: 0; -} - -#container > div { - width: 200px; - height: 200px; - display: inline-block; - line-height: 200px; - text-align: center; - font-size: 100px; -} - -#container > div:nth-child(even) { - background-color: #87ea87; -} - -#container > div:nth-child(odd) { - background-color: #87ccea; -} -``` - -#### 結果 - -{{EmbedLiveSample("Setting_vertical_scroll_snap_points", 220, 220)}} - -## 仕様書 - -どの標準にも含まれていません。 - -## ブラウザーの互換性 - -{{Compat}} - -## 関連情報 - -- [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap) -- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/)