ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSスタイルシート内で印刷マージンを指定できますか?

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

Susan Sarandon
リリース: 2024-11-05 00:31:02
オリジナル
838 人が閲覧しました

Can You Specify Print Margins Within a CSS Style Sheet?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート