scroll-margin

ジャンプ先:
  1. 構文
  2. 仕様書
  3. ブラウザーの対応

scroll-margin プロパティは一括指定プロパティであり、すべての個別指定の scroll-margin プロパティに対して、ちょうど margin プロパティが個別指定の margin-* に値を割り当てるように、値を割り当てます。

scroll-margin の値はこのボックスをスナップポートに割り当てるために使用されるスクロールスナップ領域の定義の張り出し部分を表します。スクロールスナップ領域は、変換された境界ボックスを取り、その矩形の境界ボックス (スクロールコンテナーの座標空間内で軸方向に配置) を割り当てて、指定された張り出し部分を追加することによって決定されます。

初期値0
適用対象すべての要素
継承なし
メディア視覚
計算値指定値
アニメーションの種類by computed value type
正規順序構文通り

構文

/* <length> 値 */
scroll-margin: 10px;
scroll-margin: 1em .5em 1em 1em;

/* グローバル値 */
scroll-margin: inherit;
scroll-margin: initial;
scroll-margin: unset;

値

<length>
スクロールコンテナーの辺からの張り出し部分です。

形式文法

[ auto | <length> ]{1,4}

仕様書

仕様書 状態 備考
CSS Scroll Snap Module Level 1
scroll-margin の定義		 勧告候補 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 69Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 56Safari 完全対応 11WebView Android 完全対応 69Chrome Android 完全対応 69Edge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 56Safari iOS 完全対応 11Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: mfuji09
最終更新者: mfuji09,