スタイルの変更
外部、インライン、または内部カスケード スタイル シート (CSS) のプロパティを編集する場合は、[CSS プロパティ] パネルまたは [スタイルの適用] パネルを使用します。[スタイルの適用] パネルを使用すると、現在の Web ページのスタイル シートに含まれているスタイルを編集できます。Web ページで使用されていないスタイルも編集できます。[CSS プロパティ] パネルで編集できるのは、現在の Web ページで使用されているスタイル、[コード] ビューで選択できるスタイル、または開いている外部 .css ファイルにあるスタイルのみです。
.gif "Note") メモ : |
|---|
[ページ編集オプション] ダイアログ ボックスの [作成] タブで選択されている CSS スキーマによって CSS プロパティがサポートされていない場合、そのプロパティの値の一覧は、[新しいスタイル] ダイアログ ボックスと [スタイルの変更] ダイアログ ボックスでは空白として表示されます。また、その場合 [CSS のプロパティ] パネルではプロパティ一覧は表示されません。詳細については、「CSS の IntelliSense オプションの設定」を参照してください。 |
クラス セレクターの名前を変更するには
変更するクラス セレクターを含む CSS が使用されている Web ページを開きます。
次のいずれかの操作を行います。
[スタイルの適用] パネルでクラス セレクターをポイントし、下矢印をクリックし、[クラス名の変更] をクリックします。
[スタイルの管理] パネルまたは [CSS のプロパティ] パネルで、クラス セレクターを右クリックし、[クラス名の変更] をクリックします。
[クラス名の変更] ダイアログ ボックスの [新しい名前] ボックスに、クラス セレクターの新しい名前を入力します。新しいクラス名の前にピリオド (.) を入力する必要はありません。
クラスに対する既存の参照をすべて更新するには、[このスタイルシートを使用するファイルのクラス参照の名前を変更する] をクリックします。
[OK] をクリックします。
[CSS プロパティ] パネルを使用してスタイルを変更するには
変更するスタイルが使用されている Web ページを開きます。
[CSS プロパティ] パネルで、変更するスタイルが [適用されているルール] ボックスの一覧に表示されない場合は、コンテンツにカーソルを置くか、変更するスタイルが使用されているコンテンツを選択します。
[適用されているルール] ボックスで、変更するスタイル名をクリックします。
[CSS プロパティ] パネルの [CSS プロパティ] で、目的のプロパティを設定します。
[スタイルの変更] ダイアログ ボックスを使用してスタイルを変更するには
変更するスタイルを含む CSS が使用されている Web ページを開きます。
次のいずれかの操作を行います。
クラス、要素、または ID セレクターを変更するには、[スタイルの適用] パネルでスタイルをポイントし、下矢印をクリックし、[スタイルの変更] をクリックします。
インライン スタイルを変更するには、コンテンツにカーソルを置くか、スタイルを使用するコンテンツを選択します。[スタイルの適用] パネルでスタイルをポイントし、下矢印をクリックし、[スタイルの変更] をクリックします。
[CSS プロパティ] パネルの [適用されているルール] ボックスの一覧で、スタイルを右クリックし、[スタイルの変更] をクリックします。変更するスタイルがパネルの [適用されているルール] ボックスの一覧に表示されない場合は、コンテンツにカーソルを置くか、変更するスタイルが使用されているコンテンツを選択します。
スタイルの名前とセレクターの種類を変更するには、[スタイルの変更] ダイアログ ボックスの [セレクター] ボックスで、次のいずれかの操作を行います。
メモ :クラスおよび ID のセレクター名には、下位要素および子要素セレクターを作成する場合を除いて、スペースは使用できません。
要素セレクターを使用するには、[セレクター] ボックスの一覧の要素名をクリックします。
ID セレクターを使用するには、番号記号 (#) に続けて一意の名前を入力します。
インライン セレクターを使用するには、[セレクター] ボックス メニューの [インライン スタイル] をクリックします。
クラス セレクターを使用するには、ピリオド (.) に続けて一意の名前を入力します。
メモ :既存のクラス セレクターの名前を変更し、変更したスタイルへの既存の参照を自動的に更新するには、上の「クラス セレクターの名前を変更するには」の手順に従います。ID または要素セレクターの名前を変更した、または任意のスタイルのセレクターの種類を変更した場合、そのスタイルへの参照は自動的に更新されません。更新は手動で行う必要があります。
[カテゴリ] ボックスで次のいずれかの操作を行い、書式設定するプロパティを設定します。
[フォント] では、サイズ、太さ、文字飾り、色などのフォントのプロパティを設定します。
[ブロック] では、行の高さ、テキストの配置、テキストのインデント、およびテキストの間隔を設定します。
[背景] では、背景色と背景画像のプロパティを設定します。
[枠線] では、枠線とそのプロパティを設定します。
[ボックス] では、ボックス要素およびブロック レベル要素のパディングと余白のプロパティを設定します。
[配置] では、ボックス要素およびブロック レベル要素の大きさと位置を設定します。
[レイアウト] では、ボックス要素およびブロック レベル要素の表示と非表示、表示位置や周囲の要素の折り返し、切り抜きなどのレイアウトのプロパティを設定します。
[リスト] では、リストの種類、位置、画像など、リスト要素のプロパティを設定します。
[テーブル] では、間隔、レイアウト、枠線など、テーブル関連要素のプロパティを設定します。
[OK] をクリックします。
関連項目
タスク
スタイルの作成
カスケード スタイル シートからのスタイルの削除
コンテンツからのスタイルの削除