CSS3

疑似クラス

:double-button

 編集:2022.07.07 by T.A.

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

ダブル ボタン疑似クラス。ボタンとトラック ピースに適用される。

これは、ボタンがスクロール バーの同じ端に一緒にあるボタンのペアの一部であるかどうかを検出するために使用されます。トラック ピースの場合、トラック ピースがボタンのペアに隣接しているかどうかを示します。

E:double-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>

関連

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

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: