CSS スタイルのボックスプロパティの定義

[CSS ルール定義] ダイアログボックスの [ボックス] カテゴリを使用して、ページ上のエレメントの配置を制御するタグおよび属性の設定を定義します。

余白およびマージンを適用する場合は、エレメントの個々の辺に設定を適用できます。また、[すべて同一] を使用して、エレメントのすべての辺に同じ設定を適用することもできます。

ページ上のエレメントの配置方法を定義するには :

  1. [CSS スタイル] パネルが開いていない場合は、Shift+F11 キーを押して開きます。
  2. 以下のいずれかの操作を実行して [CSS ルール定義] ダイアログボックスを開きます。
  3. [CSS ルール定義] ダイアログボックスで [ボックス] を選択し、必要なスタイル属性を設定します。

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

    [幅] および [高さ] では、エレメントの幅と高さを設定します。

    [フロート] では、エレメントのどちら側に他のエレメント (テキスト、レイヤー、テーブルなど) を回り込ませるかを設定します。他のエレメントは、通常どおりフローティングエレメントの周囲に配置されます。フロート属性は、両方のブラウザでサポートされています。

    [クリア] では、エレメントのどちら側でレイヤーを禁止するかを定義します。[クリア] で指定した側にレイヤーが表示されるとき、クリア属性が設定されているエレメントはその下に移動します。クリア属性は、両方のブラウザでサポートされています。

    [余白] では、エレメントの内容とそのボーダー (ボーダーがない場合はマージン) との間のスペースの量を指定します。[すべて同一] オプションをオフにすると、エレメントのそれぞれの辺の余白を設定できます。

    [すべて同一] をオンにすると、エレメントの上下左右に同じ余白属性が適用されます。

    [マージン] では、エレメントのボーダー (ボーダーがない場合は余白) と他のエレメントとの間のスペースの量を指定します。Dreamweaver では、この属性はブロックレベルのエレメント (段落、見出し、リストなど) に適用された場合にのみドキュメントウィンドウに表示されます。[すべて同一] オプションをオフにすると、エレメントのそれぞれの辺のマージンを設定できます。

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

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