1. ホーム
  2. javascript

Webページを印刷する際にページタイトルと日付を削除する(CSSで?)

2023-10-05 13:19:32

質問

デフォルトでは、ウェブページを印刷するとき、ページの タイトル URL はページ上部に表示され、同様に 日付 時間 が一番下に表示されます。

印刷時に、PAGE SETUP メニュー(Internet Exp の FILE の下)から、この追加を削除することが可能です。

CSS または javascript を使用してこれを行う方法を知っている人はいますか?

どのように解決するのですか?

歴史的に、これらはユーザー設定であり、あなたがコントロールするページの一部とは見なされないため、これらを消滅させることは不可能でした。

しかし、2017年現在では @page アットルール が標準化され、モダンブラウザでページタイトルと日付を隠すのに利用できるようになりました。

@page { size: auto;  margin: 0mm; }

ヘッダ/フッタの印刷と余白の印刷

Web 文書を印刷するとき、余白はブラウザのページ設定(または印刷設定)ダイアログボックスで設定されます。これらの余白の設定は、ブラウザ内で設定されますが、オペレーティング システム/プリンター ドライバーのレベルで制御され、HTML/CSS/DOM のレベルでは制御できません。(CSSで制御される印刷ページのヘッダーとフッターについては、ヘッダーの印刷を参照してください。)

設定は、プリンタの物理的な非印刷領域を包含するのに十分な大きさでなければなりません。さらに、ブラウザが通常印刷するように設定されているヘッダーとフッター (通常はページ タイトル、ページ番号、URL、日付) を包含するのに十分な大きさである必要があります。ヘッダーとフッターは、ブラウザが指定するものであり、通常はユーザー設定によって変更可能ですが、ウェブページの一部ではないため、CSSで制御することはできません。CSSの用語では、これらはページボックスCSS2.1セクション13.2の外に該当します。

...すなわち、マージンを0に設定すると、タイトルがマージンに印刷されるため、ページタイトルが非表示になります。

クレジット Vigneswaran S に感謝します。