scrollbar-arrow-color:スクロールバーの矢印の色を指定する

初期値
適用対象
継承
アニメーション
対応ブラウザ caniuseで確認

このプロパティは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳細は現行の標準仕様に従って下さい。

scrollbar-arrow-colorプロパティの説明

CSSのscrollbar-arrow-colorプロパティは、スクロールバーの矢印の色を指定する際に使用します。

scrollbar-arrow-colorプロパティは、Internet Explorerが独自に追加したプロパティです。Operaでは、ブラウザの表示モードが「互換モード」のときに<BODY>に対して指定すると有効になります。

scrollbarプロパティ

scrollbar-arrow-colorに与えられる値

scrollbar-arrow-color
キーワードや16進数、RGBなどの値で色を指定します。

scrollbar-arrow-colorの使用サンプル


<div class="sample-block">
	<p>スクロールしてボックスのスクロールバーを確認。</p>
	<p>対応していないブラウザでは無視されます。</p>
	<p>スクロールしてボックスのスクロールバーを確認。</p>
	<p>対応していないブラウザでは無視されます。</p>
	<p>スクロールしてボックスのスクロールバーを確認。</p>
	<p>対応していないブラウザでは無視されます。</p>
</div>

.sample-block {
	scrollbar-arrow-color: #FF0000;
	scrollbar-face-color: #999999;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-highlight-color: #AAAAAA;
	scrollbar-shadow-color: #333333;
	scrollbar-darkshadow-color: #000000;
	overflow: scroll;
	width: 300px;
	height: 100px;
	padding: 0 1rem;
	border: 1px solid gray;
}

scrollbar-arrow-colorに関連するCSSプロパティ

非推奨または廃止されたプロパティ
background-break インライン要素の背景画像の繰り返し方法を指定する
baseline-shift 優先するベースラインを指定し直す
bookmark-label ブックマークのラベル(名前)を指定する
bookmark-level ブックマークのレベル(度合い)を指定する
bookmark-target ブックマークのターゲット(対象)を指定する
border-break ボックスが分割された場合のボーダーの表示方法を指定する
box-align 親要素内に含まれる子要素を揃える水平位置の基準を指定する
box-direction 親ボックス内に配置する子要素の表示方向を指定する
ime-mode テキスト入力時のIMEの状態を指定する
marker-offset リストマーカーとの間隔を指定する
page-break-after 印刷時の改ページ位置を、特定の要素直後に指定する
page-break-before 印刷時の改ページ位置を、特定の要素直前に指定する
scrollbar-base-color スクロールバーのベースになる色を指定する
scrollbar-arrow-color スクロールバーの矢印にあたる色を指定する
scrollbar-face-color スクロールバーの表面にあたる色を指定する
scrollbar-3dlight-color スクロールバーの左端と上端にあたる色を指定する
scrollbar-highlight-color スクロールバーのハイライトにあたる色を指定する
scrollbar-shadow-color スクロールバーの影にあたる色を指定する
scrollbar-darkshadow-color スクロールバーの右端と下端にあたる色を指定する
text-autospace アルファベット等との間隔を指定
zoom 要素の表示倍率(拡大・縮小)を指定する