[Web パレット] タブ ([カラー ピッカー] ダイアログ ボックス)
更新 : 2007 年 11 月
色見本を選択すると、[色] フィールドに 16 進数の RGB コードが表示されます。また、[スタイル ビルダ] ダイアログ ボックスを閉じるときに、選択した attribute:RGBcolor のペアがカスケード スタイル シート (CSS) スタイル定義に挿入されます。このタブのすべての色は、どの Web ブラウザでも同じように表示されます。
たとえば、デザイン ビューで HTML ページを編集しているときに、[ドキュメント アウトライン] ウィンドウで <BODY> 要素を選択し、[書式] メニューの [スタイル] をクリックします。[背景] をクリックし、[色] フィールドの横にある省略記号ボタン (...) をクリックして [カラー ピッカー] ダイアログ ボックスを表示します。[Web パレット] タブで、明るい青の色見本を選択します。[スタイル ビルダ] ダイアログ ボックスを閉じると、次のような attribute:color のペアが BODY スタイルの中かっこ ({ }) の間に挿入されます。
BODY { BACKGROUND-COLOR: #99ffff; }
このダイアログ ボックスを表示するには
Microsoft Visual Web Developer のデザイン ビューでマークアップを描画するコントロールまたは HTML 要素 (Table コントロールや HTML [<input>] ボタンなど) を選択します。
次のいずれかの操作を実行して、[スタイル ビルダ] ダイアログ ボックスを表示します。
デザイン ビューで、コントロールまたは要素を選択し、[書式] メニュー をクリックし、[スタイル] をクリックします。
デザイン ビューで、コントロールまたは要素を右クリックし、[スタイル] をクリックします。
コントロールまたは要素を選択し、[プロパティ] ウィンドウの [スタイル] プロパティをクリックします。次に、省略記号ボタン (...) をクリックします。
[ドキュメント スタイル] ウィンドウで作業している場合は、[要素]、[クラス]、または [要素 ID] を選択し、[ビルド スタイル] アイコンをクリックします。
CSS スタイル シートを編集している場合は、CSS スタイルの中かっこ ({ }) の間にカーソルを移動し、[スタイル] メニューの [ビルド スタイル] をクリックします。
[スタイル ビルダ] ダイアログ ボックスが表示されます。
[色] ドロップダウン リストを含む任意の [スタイル ビルダ] ダイアログ ボックスのいずれかのタブを選択し、ボックスの横にある省略記号ボタン (...) をクリックします。
[カラー ピッカー] ダイアログ ボックスが表示されます。
[Web パレット] タブをクリックします。
処理手順
UI 要素
カラー パレット
クリックして色を選択できる色見本が表示されます。[色]
選択した色の 16 進数の RGB コードが表示されます。[OK]
[カラー ピッカー] ダイアログ ボックスを閉じます。選択した attribute:RGBcolor のペアは、[スタイル ビルダ] ダイアログ ボックスを閉じるときに挿入される CSS マークアップに追加されます。
参照
概念
ASP.NET Web サーバー コントロールと CSS スタイル
参照
[名前付きの色] タブ ([カラー ピッカー] ダイアログ ボックス)