HTML ドキュメントを印刷するときにページ余白を制御するにはどうすればよいですか?

HTML ドキュメントを印刷するためのページ マージンの制御

HTML ページを印刷する場合、用紙上で適切な書式設定が行われるようにマージンを制御することが望ましいことがよくあります。ただし、従来のスタイルシートでマージンを設定すると、意図した効果が得られない可能性があります。

印刷用のマージンを指定する方法

印刷出力専用にマージンを指定するには、次のようにします。ピクセルの代わりにセンチメートル (cm) やミリメートル (mm) などの単位を使用することをお勧めします。ピクセルの変換方法はブラウザによって異なるため、紙上では一貫した結果が得られない場合があります。一貫性を保つために、次のコードを使用します。

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

注: これは、プリンタの印刷可能領域やブラウザで制御される余白を調整しません。

フォント サイズin Print

フォント サイズについては、印刷メディアのピクセルの代わりにポイント (pt) を使用します:

<code class="css">p {
  font-size: 10pt;
}</code>

@page ディレクティブによるマージンの制御

HTML 本文の外側を含む印刷マージンを完全に制御するには、@page ディレクティブを使用します。

<code class="css">@page {
  margin: 25mm 25mm 25mm 25mm;
}</code>

このメソッドはプリンターのマージン設定に影響しますが、ユーザーは引き続きマージン設定を変更できます。印刷プレビュー。

ブラウザに関する考慮事項

IE7 以降などの一部のブラウザでは、最適なサイズになるようにページ サイズが自動的に調整され、印刷出力が歪む可能性があることに注意してください。これを上書きするには、ユーザーは「印刷プレビュー」を選択し、印刷サイズを 100% に設定する必要があります。

関連リソース

ブラウザーの印刷オプションの無効化に関する詳細については、を参照してください。次の応答へ: https://stackoverflow.com/questions/3780990/disabling-browser-print-options-headers-footers-margins-from-page

以上がHTML ドキュメントを印刷するときにページ余白を制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。