CSS3

疑似クラス

:increment

 編集:2022.07.07 by T.A.

[Edge]⛌?。→Webkit(en-US)mdn(en-US)

インクリメント(増分)疑似クラス。ボタンとトラック ピースに適用される。

これは、ボタンまたはトラック ピースが使用時にビューの位置をインクリメントするかどうかを示します(たとえば、垂直スクロール バーを下に、水平スクロール バーを右に)¶インクリメント方向にあるとき?

E:increment
E 該当させる要素。

以下のCSSが組み込んであります:

<DIV style="width:100px; height:100px; overflow:scroll; border:1px solid red;
">ああああああああああああああああああああ
</DIV>

<DIV class=Test style="width:100px; height:100px; overflow:scroll; border:1px solid red;
">ああああああああああああああああああああ
</DIV>
ボタンは増加用物、
::-webkit-scrollbar-track-piece:incrementはバー ハンドル?の増加方向にある部分に適用された。

関連

::-webkit-scrollbar::-webkit-scrollbar-button::-webkit-scrollbar-thumb::-webkit-scrollbar-track::-webkit-scrollbar-track-piece::-webkit-scrollbar-corner::-webkit-resizer疑似要素。

:decrement:increment 疑似クラス。


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: