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-*

リンク

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