方法 : StyleSheet コントロールを追加および構成する
スタイル情報を定義するには StyleSheet コントロール を使用します。StyleSheet コントロールは、ASP.NET モバイル Web ページまたはモバイル ユーザー コントロールに直接配置する必要があります。モバイル Web ページまたはモバイル ユーザー コントロールには、StyleSheet コントロールを 1 つだけ配置できます。StyleSheet コントロールには、他のコントロールに適用するスタイルを 1 つ以上含めることができます。
StyleSheet コントロールを追加し、スタイルを作成するには
デザイン ビューで、ツールボックスの [モバイル Web フォーム] タブから StyleSheet コントロールをモバイル Web フォーム ページにドラッグします。また、モバイル ユーザー コントロール ページにドラッグすることもできます。
ショートカット メニューの [スタイルの編集] をクリックします。
[スタイル エディタ] ダイアログ ボックスが表示されます。
[スタイルの型] ボックスの一覧で、[スタイルの型] をクリックします。
[>] (追加) ボタンをクリックして、クリックしたスタイルの型のインスタンスを [定義されたスタイル] ボックスの一覧に追加します。
[プロパティ] ボックスの一覧で、新しいスタイルの個々のプロパティを設定します。
既存のスタイルから新しいスタイルを派生するには
デザイン ビューで、StyleSheet コントロールを右クリックし、[スマート タグの表示] をクリックし、[スタイルの編集] をクリックします。
[スタイル エディタ] ダイアログ ボックスが表示されます。
[定義されたスタイル] ボックスの一覧で、派生元となるスタイルの型を探します。ない場合は、前の手順で追加します。
派生スタイルを作成するには、[スタイルの型] ボックスの一覧で基本スタイルを選択し、[追加] をクリックします。
StyleReference プロパティに基本スタイルの名前を入力します。または、StyleReference プロパティの横にあるボックスの一覧で該当するスタイルを選択します。
これにより、前のスタイルから新しいスタイルが派生します。
[プロパティ] ボックスの一覧で、派生したスタイルのうち、元のスタイルから変更する個々のプロパティを設定します。
既存のスタイル名を変更するには
デザイン ビューで StyleSheet コントロールを右クリックし、[スマート タグ] をクリックし、[スタイルの編集] をクリックします。
[スタイル エディタ] ダイアログ ボックスが表示されます。
[定義されたスタイル] ボックスの一覧で、名前を変更するスタイルをクリックします。
F2 キーを押し、スタイルの新しい名前を入力します。
[OK] をクリックします。
.gif "メモ")
メモ :スタイルの名前を変更しても、Visual Studio ではそのスタイル名への参照は更新されません。古い名前を参照する StyleReference プロパティを持つコントロールは、すべて手動で変更する必要があります。
スタイル用のテンプレートを編集するには
デザイン ビューで StyleSheet コントロールをクリックします。
[プロパティ] ウィンドウで [TemplateStyle] アイテムをクリックし、一覧からスタイルを選択します。
[プロパティ] ウィンドウで [TemplateDeviceFilter] アイテムをクリックし、一覧からデバイス フィルタを選択します。一覧にデバイス フィルタが 1 つも表示されない場合は、ショートカット メニューの [テンプレート オプション] をクリックして追加します。詳細については、「デバイス フィルタの適用」を参照してください。
スタイル シートを右クリックし、ショートカット メニューの [テンプレートの編集] をクリックします。
編集するテンプレートを選択します。