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