CSSでの印刷出力に於けるページについて。

CSSにおける印刷出力に於けるページの概念に関して解説します。

CSSでのページの扱い。

CSSが対象とする出力メディアには、印刷出力もあります。

一般にプリンタのページは大きさが決められており、PCなどのスクリーンメディアと違ってスクロールの概念がありません。

入り切らなくなった場合はページを改めるしかないのです。

このような理由から、印刷などのページメディアに対しては、スクリーンメディアのプロパティだけでは充分とは言えず、専用のプロパティを別途指定する必要があるのです。

ページメディア独自のプロパティは、以下の@page規則で指定可能です。

@page規則の書式は以下のようになります。

@page ページセレクタ {
   プロパティ定義(ページ文脈)
    }

キーワードの@pageの後ろには、必要に応じてページセレクタを指定出来ます。

ページセレクタには、以下のものがあります。

ページセレクタが無い場合は、全ページに適用されます。

@page規則に於けるプロパティ定義の事を特にページ文脈と呼びます。

ページ文脈では、

を指定する事が出来ます。

但し、ページ文脈にはフォントの概念が無いため、marginプロパティではフォント関連の単位(em単位及びex単位)は利用出来ません。

また、パーセンテージはsizeプロパティで定められた大きさに対するパーセンテージとなります。

ページメディアの場合、固定されたサイズ内にページボックスと呼ばれる印刷領域を指定する事になります。

現行のCSS第二水準に於いては、ページボックスには境界(ボーダ)及びパディングは存在しないものとしております。

このページボックスは印刷用紙に収まるのであれば(余白(マージン)が明確に指定されていない限り)どのように配置しても良いのですが、仕様ではなるべく用紙の中心に合わせる事が望ましいとされております。

ページメディアの場合、改ページの扱いは重要です。

CSSでは、以下の箇所での改ページを認めております。

但し、これらの条件では適切な改ページが不可能な場合は、条件 1-2及び条件 2-2を取り除いて改ページ可能な場所を求めます。

それでもダメな場合は、残りの条件も取払って改ページ可能な場所を求めます。