CSS - scroll-padding

トップ > 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-*

リンク


Copyright (C) 2022 杜甫々
初版:2022年8月21日、最終更新:2022年8月21日
http://www.tohoho-web.com/css/prop/scroll-padding.htm