< 戻る

user-interface

テキスト

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;