CSS scrollbar-color 属性

定義と用法

scrollbar-color 属性はスクロールバーのトラック（背景）とスライダー（スクロールバー）の色を指定します。

例

要素のスクロールバーの色を設定：

div.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: pink lightblue;
}

実際に試してみてください

CSS 言語

scrollbar-color: auto|color color;

属性値

値 説明
auto ブラウザがスクロールバーの色を設定します。デフォルト値。
color color 最初の色はスクロールバーのスライダーの色を設定し、二番目の色はスクロールバーのトラックの色を設定します。
initial この属性をデフォルト値に設定します。参照してください： initial。
inherit この属性は親要素から継承されます。参照してください： inherit。

技術的詳細

デフォルト値： auto
継承性： yes
アニメーション作成： サポートされていません。参照してください：アニメーション関連属性。
バージョン： CSS スクロールバー スタイリング モジュール レベル 1
JavaScript 言語： object.style.scrollbarColor="red blue"

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari オペラ
121 121 64 サポートしていません 107