[名前付きの色] タブ ([カラー ピッカー] ダイアログ ボックス)

更新 : 2007 年 11 月

色見本を選択すると、[色] フィールドに名前付きの色が表示されます。[基本] または [追加] の名前付きの色を選択すると、[スタイル ビルダ] ダイアログ ボックスを閉じるときに、attribute:colorname のペアがカスケード スタイル シート (CSS) スタイル定義に挿入されます。

たとえば、デザイン ビューで HTML ページを編集しているときに、[ドキュメント アウトライン] ウィンドウで <BODY> 要素を選択し、[書式] メニューの [ビルド スタイル] をクリックします。[背景] をクリックし、[色] フィールドの横にある省略記号ボタン (...) をクリックして [カラー ピッカー] ダイアログ ボックスを表示します。[名前付きの色] タブで、一番下の行の [LightBlue (#add8e6)] をクリックします。[スタイル ビルダ] ダイアログ ボックスを閉じると、次のような attribute:colorname のペアが BODY スタイルの中かっこ ({ }) の間に挿入されます。

BODY { BACKGROUND-COLOR: lightblue; } 

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

  1. Microsoft Visual Web Developer のデザイン ビューでマークアップを描画するコントロールまたは HTML 要素 (Table コントロールや HTML [<input>] ボタンなど) を選択します。

  2. 次のいずれかの操作を実行して、[スタイル ビルダ] ダイアログ ボックスを表示します。

    • デザイン ビューで、コントロールまたは要素を選択し、[書式] をクリックし、[スタイル] をクリックします。

    • デザイン ビューで、コントロールまたは要素を右クリックし、[スタイル] をクリックします。

    • コントロールまたは要素を選択し、[プロパティ] ウィンドウの [スタイル] プロパティをクリックします。次に、省略記号ボタン (...) をクリックします。

    • [ドキュメント スタイル] ウィンドウで作業している場合は、[要素]、[クラス]、または [要素 ID] を選択し、[ビルド スタイル] アイコンをクリックします。

    • CSS スタイル シートを編集している場合は、CSS スタイルの中かっこ ({ }) の間にカーソルを移動し、[スタイル] メニューの [ビルド スタイル] をクリックします。

    [スタイル ビルダ] ダイアログ ボックスが表示されます。

  3. [色] ドロップダウン リストを含む任意の [スタイル ビルダ] ダイアログ ボックスのいずれかのタブを選択し、ボックスの横にある省略記号ボタン (...) をクリックします。

    [カラー ピッカー] ダイアログ ボックスが表示されます。

  4. [名前付きの色] タブをクリックします。

処理手順

UI 要素

  • [基本]
    選択できる基本色の見本を表示します。

  • [追加]
    基本色の一覧のほかに選択できる色の見本を表示します。

  • [色]
    選択した色の色名と 16 進数の RGB コードが表示されます。

  • [OK]
    [カラー ピッカー] ダイアログ ボックスを閉じます。選択した attribute:colorname のペアは、[スタイル ビルダ] ダイアログ ボックスを閉じるときに挿入される CSS マークアップに追加されます。

  • [色の名前を使用する]
    選択した色を CSS マークアップに挿入する際、色名または RGB コードを使用することを指定します。

参照

概念

ASP.NET Web サーバー コントロールと CSS スタイル

参照

[カラー ピッカー] ダイアログ ボックス

[Web パレット] タブ ([カラー ピッカー] ダイアログ ボックス)

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

[作成した色] タブ ([カラー ピッカー] ダイアログ ボックス)