CSS スタイルのボーダープロパティの定義

[CSS ルール定義] ダイアログボックスの [ボーダー] カテゴリを使用して、エレメントを囲むボーダーの幅、カラー、スタイルなどの設定を定義します。

エレメントのボーダースタイルを設定するには :

1. [CSS スタイル] パネルが開いていない場合は、Shift+F11 キーを押して開きます。
2. 以下のいずれかの操作を実行して [CSS ルール定義] ダイアログボックスを開きます。
   • 新しいスタイルを追加します。詳細については、CSS ルールの新規作成を参照してください。
   • 既存のスタイルをダブルクリックして開き、コードビューまたは [CSS プロパティ] タブで編集します。
3. [CSS ルール定義] ダイアログボックスで [ボーダー] を選択し、必要なスタイル属性を設定します。

   以下の属性は、このスタイルにおいて重要でない場合は空白にしておきます。

   [スタイル] では、ボーダーのスタイルの表示方法を設定します。スタイルの表示方法は、ブラウザに依存します。Dreamweaver のドキュメントウィンドウでは、すべてのスタイルが単色で表示されます。スタイル属性は、両方のブラウザでサポートされています。[すべて同一] オプションをオフにすると、エレメントのそれぞれの辺のボーダースタイルを設定できます。

   [すべて同一] をオンにすると、エレメントの上下左右に同じボーダースタイル属性が適用されます。

   [幅] では、エレメントのボーダーの太さを設定します。幅属性は、両方のブラウザでサポートされています。[すべて同一] オプションをオフにすると、エレメントのそれぞれの辺のボーダー幅を設定できます。

   [すべて同一] をオンにすると、エレメントの上下左右に同じボーダー幅が適用されます。

   [カラー] では、ボーダーのカラーを指定します。各辺のカラーを個別に設定できますが、表示はブラウザに依存します。[すべて同一] オプションをオフにすると、エレメントのそれぞれの辺のボーダーカラーを設定できます。

   [すべて同一] をオンにすると、エレメントの上下左右に同じボーダーカラーが適用されます。

4. オプションの設定が終了したら、パネルの左側で別の CSS カテゴリを選択してさらにスタイル属性を設定するか、[OK] をクリックします。