スタイル・シートのある Web ページのルック・アンド・フィールをコントロールすることができます。
手順
- 「エンタープライズ・エクスプローラー」ビューで、編集したい .CSS ファイルをダブルクリックしてファイルを開く。 スタイル・シートが編集域に開きます。
- スタイルを編集するには、「プレビュー」ペイン内でスタイルを選択して「選択されたルールの編集」アイコンをクリックする。 ファイルのソース・バージョンを編集する場合、ソース・ペインにスタイル定義を入力することができます。
ヒント: Page Designer の設計ペイン内の要素を右クリックして、を選択することにより、開かれている Web ページ上のスタイルも編集することができます。
- 「スタイル・プロパティーの設定」ダイアログ・ボックスで、
フォント、背景効果、レイアウト位置、リスト形式などに関するスタイルを設定できる。 「OK」をクリックする。 スタイル定義を更新すると、スタイルの変更は
Web ページの「設計」ページ・バージョンに即時に適用されます。 更新されたスタイルを CSS Designer の「プレビュー」ペインに表示することもできます。
またはを
選択して、各ペインの表示/非表示を切り替えることができます。
- 個々のタグと属性のペアを編集するには、まずそれを「スタイル」
ビューで選択して、ポップアップ・メニューから「編集
」を選択するか「選択されたルールの編集
」ツールバー・ボタンを選択する。 「スタイルの編集」ダイアログ・ボックスで、
編集したいスタイルの要素を選択して「OK」をクリックする。
注: 既存のスタイルの HTML タグがない場合は、「新規」または
「新規スタイル・ルール」を代わりに選択します。
ユーザーは、CSS Designer のポップアップ・メニュー、または「設計」ページ内の Page Designer のポップアップ・メニューからもスタイルの編集ができます。
- 「ソース」ペインで要素を直接編集することも、コンテンツ・アシストの候補に従って、要素を完成することもできます。 CSS3 スタイルシート
を編集している場合は、コンテンツ・アシストにより、CSS 3 のみで使用可能なプロパティーの種類、選択した CSS3 属性や値をサポートするブラウザーの種類が表示されます。
- 「OK」をクリックして、更新を保存し、
スタイルを現行ページに適用する。
「プレビュー」ペインを使用することにより、更新されたスタイルが Web ブラウザーでど
のように表示されるかを確認することができます。 HTML ファイルを実際に開かなくても、「エンタープライズ・エクスプローラー」ビューから
「プレビュー」ペインに HTML ファイルをドラッグ・アンド・ドロップするのみで、スタイル効果が表示されます。 「ブラウズ」ボタン、または「プレビュー」ペイ
ンの上にある「プレビュー対象 (Preview with)」
リストを使用して、HTML ファイルを指定することもできます。
