クラススタイルの適用

クラススタイルは、テキストを制御するタグとは無関係に、ドキュメントの任意のテキストに適用できる唯一の CSS スタイルです。現在のドキュメントに関連付けられているすべてのクラススタイルは、[CSS スタイル] パネルと、テキストのプロパティインスペクタの [スタイル] ポップアップメニューに表示されます。[CSS スタイル] パネルでは、クラススタイル名の前にピリオド (.) が付加されます。

ほとんどのスタイルはすぐに更新されますが、ページをブラウザでプレビュー表示して、スタイルが望みどおりに適用されたかどうかを確認してください。同じテキストに複数のスタイルを適用すると、スタイルが競合して予想外の結果が生じることがあります。詳細については、競合する CSS ルールについてを参照してください。

カスタム CSS スタイルを適用するには :

1. ドキュメント内の、CSS スタイルを適用するテキストを選択します。

   挿入ポイントを段落内に置くと、段落全体にスタイルが適用されます。

   1 つの段落内で特定範囲のテキストを選択した場合は、CSS スタイルは選択範囲だけに適用されます。

   特定のタグだけに CSS スタイルを適用するには、ドキュメントウィンドウの左下にあるタグセレクタでタグを選択します。

2. クラススタイルを適用するには、以下のいずれかの操作を行います。
   • [CSS スタイル] パネル ([ウィンドウ]-[CSS スタイル]) で、[すべて] モードを選択し、適用するスタイルの名前を右クリックして、コンテキストメニューから [適用] を選択します。
   • テキストのプロパティインスペクタで、[スタイル] ポップアップメニューから適用するクラススタイルを選択します。
   • ドキュメントウィンドウで、選択したテキストを右クリック (Windows) または Control キーを押しながらクリック (Macintosh) します。次に、コンテキストメニューから [CSS スタイル] を選択し、適用するスタイルを選択します。
   • [テキスト]-[CSS スタイル] を選択し、サブメニューから適用するスタイルを選択します。

選択範囲からカスタムスタイルを削除するには :

1. スタイルを削除するオブジェクトまたはテキストを選択します。
2. テキストのプロパティインスペクタ ([ウィンドウ]-[プロパティ]) で、[スタイル] ポップアップメニューから [なし] を選択します。

関連トピック

• カスケーディングスタイルシートについて
• [CSS スタイル] パネルについて
• CSS ルールの編集