css @pageの使い方と定義を詳しく解説

構文:

page : auto | pagetype

パラメータ:

auto: 現在のデフォルトページを参照する
pagetype: @pageルールでページタイプ(pagetype)の定義を指定する

説明:

表示を取得または指定するときに使用されるページオブジェクトコンテナのタイプ（ページタイプ）。 @page ルールを参照してください。
対応するスクリプト機能はページです。私が書いた他の本もご覧ください。

例:

@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }

ページコンテナのレイアウト、方向、余白などを設定します。
ページコンテナには、ページコンテンツ領域とコンテンツ領域を囲むマージン領域が含まれます。

例:

@page thin:first { size: 3in 8in }

詳細な効果 Dreamweaver で試すことができます。

@page ルール選択ページボックス。その中で、デザイナーは各ページのサイズ、レイアウト、方向、余白を指定できます。ページ ボックスは、ページ領域と余白を含む、印刷ページとほぼ同じサイズの長方形の領域です。ページ領域には表示されるコンテンツが含まれており、ボックスの端がコンテナとして機能し、ページ レイアウトは ページネーション シンボルの間にあります。他のボックスとは異なり、ページ ボックスには境界線や端がなく、マージンのみがあります。 @page ルールはドキュメント内のすべてのページを選択します。次のページ
pseudo-classattributes: first、:left または :right のいずれかを使用して、ページ クラスごとに異なる属性を指定できます。 @page ルールはフォントを含むページのコンテンツを認識しないため、em と ex のサイズを理解できません。他のすべての測定単位 (パーセンテージを含む) も使用できます。マージンの設定に使用されるパーセンテージは、ページ フレーム全体に対するパーセンテージでもあります。余白は負の値になる場合があり、アプリケーションやプリンターが通常アクセスできる領域の外にコンテンツが配置されます。ほとんどの場合、表示または印刷可能な領域内の情報のみが保持されます。

以上がcss @pageの使い方と定義を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。