CSS @pageルール

@pageルールは、スタイルシート内のページフレームのサイズ、方向、余白を定義し、印刷プレビューとブラウザからのWeb文書の印刷に使用されます。通常、この構造では、サイズ、ページ、余白などのさまざまなCSS属性がページフレームのサイズ、方向、余白を指定するために使用されます。

ページフレームは、二つのエリアを含む矩形エリアです：

• このページエリア。ページエリアは、ページ上に配置されたフレームを含みます。最初のページのエッジエリアは、文書の初期の包含ブロックとして矩形で定義されます。キャンバスの背景はその中に描かれ、ページエリアを覆います。

• のエッジエリア、ページエリアを囲んでいます。ページエリアは透明です。

CSS @page ルールの使用方法

このルールの语法は以下の通りです：

@page [:left | :right | :first] {
　　　　/*　印刷-特定のルール　*/
}

以下の例では、@page属性の使用方法を示しています。

@page {
マージン:　2in;　/*　すべてのページのデフォルト　*/
}
@page :left {
マージン:　1in;　/*　左ページのマージン　*/
}
@page :right {
マージン:　3in;　/*　右ページのマージン　*/
}
@page :first {
マージン-top:　5in;　/*　最初のページの上マージン　*/
}

ブラウザの互換性

この@pageルールのサポートは良くありません。

さらに詳しく

以下のチュートリアルを参照してください：CSS メディアタイプ。