関連@規則

• @page

関連プロパティ

• margin
• width
• height
• min-width
• min-height
• max-width
• max-height
• top
  right
  bottom
  left
• display
• float
• position

margin-top
margin-right
margin-bottom
margin-left

それぞれ上、右、下、左のマージンの大きさを指定します。

'margin'を用いて、これらを一括指定する事も出来ます。

@page規則内の'margin-top'、'margin-bottom'のパーセンテージは、例外的にページボックスの高さを参照します。
blockquote { margin-top: 0.3em }

マージンは基本的に透明ですが、body要素、html要素といったルート要素に指定すると、例外的に背景が表示されます。

フロートでも絶対配置でも無い要素間では、縦方向のマージンは相殺します。

ブロックの縦方向のマージンは相殺されます。

HTMLでは、img要素 のマージンに"0"では無い適度な値が望まれていますので、そうなっているUAもあるでしょう。

注意点

1. @page規則内では、相対単位「em」「ex」は使用出来ません。
2. 'margin-top'も'margin-bottom'も、パーセンテージで参照するのはコンテナブロックの高さでは無く幅です。
3. @page規則内の'margin-top'、'margin-bottom'のパーセンテージは、例外的にページボックスの高さを参照します。