user-interface
テキスト
https://developer.mozilla.org/ja/docs/Web/CSS/scroll-margin
https://developer.mozilla.org/ja/docs/Web/CSS/scroll-padding
https://developer.mozilla.org/ja/docs/Web/CSS/overscroll-behavior
https://developer.mozilla.org/ja/docs/Web/CSS/user-select
https://developer.mozilla.org/ja/docs/Web/CSS/touch-action
https://developer.mozilla.org/ja/docs/Web/CSS/caret-color
https://developer.mozilla.org/ja/docs/Web/CSS/cursor
https://developer.mozilla.org/ja/docs/Web/CSS/resize
https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events
WebブラウザーのUI
scroll-margin ショートハンド
scroll-margin: 1em .5em 1em 1em;
scroll-margin-bottom scroll-margin-left scroll-margin-right scroll-margin-top
scroll-padding ショートハンド
scroll-padding: 1em .5em 1em 1em;
scroll-padding-bottom scroll-padding-left scroll-padding-right scroll-padding-top
overscroll-behavior ショートハンド
overscroll-behavior: contain;
CSS の overscroll-behavior プロパティは、スクロール領域の境界に達したときにブラウザーが何をするかを設定します。これは overscroll-behavior-x および overscroll-behavior-y の一括指定です。
user-select
user-select: none;
touch-action
touch-action: pan-x;
caret-color
caret-color: black;
cursor
cursor: grab;
resize
resize: horizontal;
pointer-events
pointer-events: fill; /* SVG-only */
対応なし 除外を作って名前だけ入れるか?
scrollbar-color
scrollbar-color: yellow blue; /* firefox only */
scrollbar-gutter
https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter
未対応
scrollbar-width
https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width
firefoxのみ
scroll-behavior
scroll-behavior: smooth;
scroll-snap-align
scroll-snap-align: start end;
scroll-snap-type
scroll-snap-type: x mandatory;