CSS ルールの新規作成

CSS ルールを作成して、class 属性で識別される HTML タグまたは特定の範囲のテキストのフォーマットを自動的に設定することができます。

新しい CSS ルールを作成するには :

1. ドキュメントに挿入ポイントを置き、次のいずれかの操作を行って [新規 CSS ルール] ダイアログボックスを表示します。
   • [CSS スタイル] パネル ([ウィンドウ]-[CSS スタイル]) の右下隅にある [新規 CSS ルール] (+) ボタンをクリックします。
   • [テキスト]-[CSS スタイル]-[新規 CSS ルール] を選択します。
2. 作成する CSS スタイルのタイプを以下のように定義します。
   • class 属性としてテキストの範囲またはブロックに適用できるカスタムスタイルを作成するには、[クラス] オプションを選択し、次に [名前] テキストボックスにスタイル名を入力します。

   メモ

   クラス名の先頭にはピリオドを付ける必要がありますが、残りの部分には、任意の文字と数字を組み合わせて使用できます (たとえば、.myhead1)。先頭のピリオドを省略しても、Dreamweaver によって自動的にピリオドが入力されます。

   • 特定の HTML タグに設定されている初期設定のフォーマットを再定義するには、[タグ] オプションを選択し、[タグ] テキストボックスに HTML タグを入力するか、ポップアップメニューから選択します。
   • 特定のタグの組み合わせ、または特定の Id 属性を持つすべてのタグのフォーマットを定義するには、[詳細] オプションを選択し、[セレクタ] テキストボックスに HTML タグを入力するか、ポップアップメニューから選択します。ポップアップメニューから選択できるセレクタ (疑似クラスセレクタ) は、a:active、a:hover、a:link、および a:visited です。
3. スタイルが定義される場所として次のいずれかを選択します。
   • 外部スタイルシートを作成するには、[新規スタイルシートファイル] を選択します。
   • 現在のドキュメントにスタイルを埋め込むには、[現在のドキュメントのみ] を選択します。
4. [OK] をクリックします。

   [スタイル定義] ダイアログボックスが表示されます。

5. 新しい CSS ルールに設定するスタイルオプションを選択します。
6. スタイル属性の設定が終了したら、[OK] をクリックします。

特定の CSS スタイルの設定の詳細については、以下のトピックを参照してください。

• CSS タイププロパティの定義
• CSS スタイルの背景プロパティの定義
• CSS スタイルのブロックプロパティの定義
• CSS スタイルのボックスプロパティの定義
• CSS スタイルのボーダープロパティの定義
• CSS スタイルのリストプロパティの定義
• CSS スタイルの位置プロパティの定義
• CSS スタイルの拡張プロパティの定義

関連トピック

• [CSS スタイル] パネルの使用
• クラススタイルの適用
• CSS ルールの編集