↑

CSS3

：

疑似クラス

：

:end

　編集：2022.07.07 by T.A.

[Edge]○？。→Webkit（en-US）、mdn（en-US）

終了疑似クラス。ボタンとトラック ピースに適用される。オブジェクトが親指の後に配置されているかどうかを示しす¶。

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

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

.Test::-webkit-scrollbar{
  background-color:#dfd;
  width:10px;
}
.Test::-webkit-scrollbar-button{
  background-color:#080;
}
.Test::-webkit-scrollbar-button:end{
  background-color:#f00;
}
.Test::-webkit-scrollbar-thumb{
  background-color:#0f0;
}
.Test::-webkit-scrollbar-track{
  background-color:#005;
}
.Test::-webkit-scrollbar-track-piece:end{
  background-color:#00f;
}

<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:endはバー ハンドル？の増加方向にある空間の適用された。

関連

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

:decrement、:increment 疑似クラス。

:start、:end 疑似クラス。

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：