ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS のページ ボックスとは何ですか?

CSS のページ ボックスとは何ですか?

WBOY
WBOY転載
2023-08-29 23:01:021315ブラウズ

CSS のページ ボックスとは何ですか?

@page ルールでは、ページ ボックスのサイズ、方向、余白などを指定できます。ページボックスのサイズは「size」属性によって設定されます。ページ領域のサイズは、ページ ボックスのサイズからマージン領域を引いたものです。

たとえば、次の @page ルールは、ページ ボックスの寸法を 8.5 × 11 インチに設定し、「ページ ボックスの端とページ領域の間のすべての余白は 2 cm です -

<style>
   <!--
      @page { size:8.5in 11in; margin: 2cm }
   -->
</style>

」を作成します。 @page ルールの margin、margin-top、margin-bottom、margin-left、および margin-right プロパティを使用して、ページの余白を設定できます。

最後に、@page ルールの marks 属性を使用して、ターゲット用紙のページ ボックスの外側にトンボとトンボを作成します。デフォルトでは、マークは印刷されません。 crop キーワードと cross キーワードのいずれかまたは両方を使用して、対象の印刷ページにトンボとレジストレーション マークをそれぞれ作成できます。

以上がCSS のページ ボックスとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。