【CSS Modules】scrollbar-colorプロパティの使い方

scrollbar-colorプロパティは、Webページに表示されるスクロールバーの色をカスタマイズするために使用されるプロパティです。このプロパティを用いることで、ウェブサイトのデザインに合わせてスクロールバーの親指部分（つまみ）とトラック部分（レール）の色を個別に調整し、統一感のあるユーザーインターフェースを実現できます。

値は、二つの<color>値をスペースで区切って指定します。一つ目の色値はスクロールバーの親指部分に適用され、二つ目の色値はトラック部分に適用されます。例えば、「scrollbar-color: darkblue lightgray;」と記述することで、親指部分を濃い青色に、トラック部分を薄い灰色に変更できます。また、autoというキーワードを指定することも可能で、これはブラウザやオペレーティングシステムのデフォルト設定に基づく色を適用することを意味します。このプロパティを適切に活用することで、視覚的な一貫性を高め、より洗練されたウェブ体験を提供できます。

Copy
1scrollbar-color: <color> <color> | auto;

引数なし

引数はありません

戻り値なし

戻り値はありません