[システムカラー] タブ ([カラーピッカー] ダイアログボックス)

[アーティクル]
09/30/2008

更新 : 2007 年 11 月

このタブで色を選択すると、[色] フィールドにシステムカラーカテゴリが表示されます。また、[スタイルビルダ] ダイアログボックスを閉じるときに、attribute:category のペアがカスケードスタイルシート (CSS) スタイル定義に挿入されます。

メモ :
Microsoft Windows オペレーティングシステムでは、コントロールパネルの [画面] アイコンを使用してシステムカラーを設定できます。

たとえば、targetSchema プロパティに新しい Web ブラウザが設定されているドキュメントの CSS スタイルシートを開き、<BODY> 要素の CSS スタイルの中かっこ ({ }) の間にカーソルを移動し、[書式] メニューの [ビルドスタイル] をクリックします。[スタイルビルダ] ダイアログボックスの [背景] タブをクリックし、[色] フィールドの横にある省略記号ボタン (...) をクリックして [カラーピッカー] ダイアログボックスを表示します。[システムカラー] タブで、[Background] カラーカテゴリをクリックします。[スタイルビルダ] ダイアログボックスを閉じると、次のような attribute:category のペアが BODY スタイルの中かっこ ({ }) の間に挿入されます。

BODY { BACKGROUND-COLOR: background; }

メモ :
ドキュメントの targetSchema プロパティに古い Web ブラウザが設定されている場合は、システムカラーの 16 進形式のコードだけが挿入されます。システムカラー名を使用する場合、すべてのユーザーに表示される色を指定しているとは限りません。割り当てられる [Background] カラーは、選択されたデスクトップのカラーにより、ユーザーごとに異なります。システムカラーカテゴリは、通常、一般的で予測可能な画面設定を共有しているユーザーが対象となる Web プロジェクトだけで使用します。

ドキュメントの targetSchema プロパティに古い Web ブラウザが設定されている場合は、システムカラーの 16 進形式のコードだけが挿入されます。システムカラー名を使用する場合、すべてのユーザーに表示される色を指定しているとは限りません。割り当てられる [Background] カラーは、選択されたデスクトップのカラーにより、ユーザーごとに異なります。システムカラーカテゴリは、通常、一般的で予測可能な画面設定を共有しているユーザーが対象となる Web プロジェクトだけで使用します。

このダイアログボックスを表示するには

Microsoft Visual Web Developer のデザインビューで、マークアップを描画する Table コントロールや HTML [<input>] ボタンなどのコントロールや HTML 要素を選択します。
次のいずれかの処理を実行して、[スタイルビルダ] ダイアログボックスを表示します。
- デザインビューで、コントロールまたは要素を選択し、[書式] をクリックして [スタイル] をクリックします。
- デザインビューで、コントロールまたは要素を右クリックし、[スタイル] をクリックします。
- コントロールまたは要素を選択し、[プロパティ] ウィンドウのスタイルプロパティをクリックします。次に、省略記号ボタン (...) をクリックします。
- [ドキュメントスタイル] ウィンドウで作業している場合は、[要素]、[クラス]、または [要素 ID] を選択し、[ビルドスタイル] アイコンをクリックします。
- CSS スタイルシートを編集している場合は、CSS スタイルの中かっこ ({ }) の間にカーソルを移動し、[スタイル] メニューの [ビルドスタイル] をクリックします。
[スタイルビルダ] ダイアログボックスが表示されます。
[色] ドロップダウンリストを含む任意の [スタイルビルダ] ダイアログボックスのいずれかのタブを選択し、ボックスの横にある省略記号ボタン (…) をクリックします。

[カラーピッカー] ダイアログボックスが表示されます。
[システムカラー] タブをクリックします。

処理手順

チュートリアル : CSS ファイルの作成と変更

UI 要素

[色] (リストボックス)
選択できる色の一覧が表示されます。
[色] (テキストボックス)
選択した色の 16 進数の RGB コードが表示されます。現在の HTML ドキュメントの targetSchema プロパティに HTML 4.0 以降をサポートする Web ブラウザが設定されている場合は、システムカラーの名前と、コンピュータ上でそれらのシステムカラーに割り当てられている 16 進形式の RGB カラーコードとが表示されます。targetSchema プロパティに HTML 3.2 以前をサポートする古い Web ブラウザが設定されている場合は、独自のシステムカラーに割り当てられている 16 進形式の RGB コードだけが表示されます。
説明
システムユーザーインターフェイス (UI) 要素に使用されている色を含む、色の説明が表示されます。
[OK]
[カラーピッカー] ダイアログボックスを閉じます。選択した attribute:category のペアは、[スタイルビルダ] ダイアログボックスを閉じるときに挿入される CSS マークアップに追加されます。
[システムカラーを使用する]
システムカラーを既定として使用するかどうかを指定します。