CSS を使用してページからブラウザーの印刷オプション (ヘッダー、フッター、マージン) を無効にするにはどうすればよいですか?

CSS を使用して印刷プレビュー ページのヘッダー、フッター、余白を制御し、希望するページング メディアのレイアウトと方向を実現することもできます。 @page ディレクティブを使用して結果を達成します。

印刷されたページをブラウザでプレビューすると、ページタイトル、ページプレビュー日時、プレビュー内のページ番号などの追加のページ情報がページ中央のヘッダーとフッターに表示されます。 。ページ プレビュー メディアに追加のマージンが適用されていることも確認できます。

＃＃＃文法＃＃＃ リーリー

説明

の中国語訳は次のとおりです:

説明

このアプローチでは、@media 印刷ルール内で @page at ルール (またはディレクティブ) を使用します。これは CSS によって提供され、画面上に表示されるページ、論文など、ページ分割されたメディアに書式設定を適用できるようにします。 、etc

@page ディレクティブを使用すると、印刷ページのレイアウト、デザイン、余白、方向、さらには特定のページのデザインを制御できます。このディレクティブは、個別 (ページ化された) メディアの設計に広く使用されています。

ページ分割されたメディアは、通常の連続メディア (Web サイトなど) とは異なります。これは、ページ分割されたメディアでは、コンテンツがオーバーフローした場合に個別のページに分割されるためです。 @page ディレクティブの疑似クラスを通じてページのレイアウトを制御することもできます。

例 1

の中国語訳は次のとおりです:

例 1

この例では、@paged ディレクティブ内でマージンを「0」に設定することで、ページ分割されたメディアに表示されるヘッダー、フッター、および余分なマージンを削除します。

リーリー

command p (Mac の場合) または ctrl p (Windows、Linux の場合) を押して、印刷プレビュー画面を表示します

例 2

この例では、ページ分割されたメディアからブラウザーの印刷オプションを削除しますが、ページ分割されたメディア画面の body 要素にマージンを追加します。

リーリー

command p (Mac の場合) または ctrl p (Windows、Linux の場合) を押して、印刷プレビュー画面を表示します

＃＃＃結論は＃＃＃

この記事では、@paged CSS ディレクティブと、それを使用して CSS のみを使用して印刷プレビューからブラウザーの印刷オプションを削除/無効にする方法について学びました。

以上がCSS を使用してページからブラウザーの印刷オプション (ヘッダー、フッター、マージン) を無効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。