CSS - scroll-margin
概要
属性名 |
scroll-margin |
---|---|
値 | [ auto | <length> | <percentage> ]{1,4} |
初期値 | auto |
適用可能要素 | スクロールコンテナ |
継承 | しない |
サポート | https://caniuse.com/?search=scroll-margin |
説明
scroll-margin-top, scroll-margin-bottom, scroll-margin-left, scroll-margin-right をまとめて指定します。
CSS
scroll-margin: 1rem; /* 上下左右=1rem */ scroll-margin: 1rem 2rem; /* 上下=1rem 左右=2rem */ scroll-margin: 1rem 2rem 3rem; /* 上=1rem 左右=2rem 下=3rem */ scroll-margin: 1rem 2rem 3rem 4rem; /* 上=1rem 右=2rem 下=3rem 左=4rem */
関連項目
scroll-margin-*リンク
- https://developer.mozilla.org/ja/docs/Web/CSS/scroll-margin
- https://drafts.csswg.org/css-scroll-snap/#scroll-margin
Copyright (C) 2022 杜甫々
初版:2022年8月21日、最終更新:2022年8月21日
https://www.tohoho-web.com/css/prop/scroll-margin.htm