CSS3

疑似クラス

:no-button

 編集:2022.07.07 by T.A.

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

トラック ピースに適用され、トラック ピースがスクロール バーの端まで実行されているかどうかを示します。つまり、トラックのその端にボタンがありません¶ボタンが無い状態?。

E:no-button
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; font-size:20px; resize:both;
">ああああああああああああああああああああ
</DIV>

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

<DIV class=Test2 style="width:100px; height:100px; overflow:scroll; border:1px solid red; font-size:20px; resize:both;
">ああああああああああああああああああああ
</DIV>

関連

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

:double-button:single-button:no-button 疑似クラス。


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: