CSSスタイルシート内で印刷マージンを指定できますか?

HTML ページを印刷するためのページ余白のカスタマイズ

HTML ページを印刷する場合、最適な印刷を確保するためにページ余白を調整する必要がある場合があります。結果。印刷に別のスタイル シートを使用するのが一般的ですが、次のような疑問が生じます。このスタイル シート内で印刷マージンを指定して、印刷ドキュメントのマージンを制御できますか?

その答えは、マージンを定義するときに特定の単位を使用することです。印刷用。紙上で一貫したサイズを確保するには、ピクセルの代わりにセンチメートル (cm) またはミリメートル (mm) を使用する必要があります。たとえば、次の CSS コードは四辺に 25 mm のマージンを設定します:

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

ただし、CSS スタイルでマージンを設定しても、プリンター ドライバーのマージンやプリンター ドライバーによって制御されるマージンは変更されないことに注意することが重要です。ブラウザ。ドキュメントの印刷可能領域内の余白のみを定義します。

Internet Explorer 7 以降では、ページに合わせてフォント サイズが自動的に調整されるため、印刷余白が乱れることがあります。この動作を無効にするには、[印刷プレビュー] を選択し、印刷サイズを 100% に調整するようにユーザーに通知します。

印刷マージンをより細かく制御するには、@page ディレクティブの使用を検討してください。このディレクティブは、HTML 本体要素の外側の紙上のマージンに影響を与えます。通常、このマージンはブラウザによって制御されます。次のコードはその使用法を示しています:

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

このディレクティブは現在、Safari を除くすべての主要なブラウザで動作します。 Internet Explorer では、余白は印刷設定で最初にこの値に設定されますが、ユーザーはプレビューで変更できます。

以上がCSSスタイルシート内で印刷マージンを指定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。