Webページを印刷する際にページタイトルと日付を削除する(CSSで?)
質問
デフォルトでは、ウェブページを印刷するとき、ページの タイトル と 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 に感謝します。
関連
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] Trelloはどのようにユーザーのクリップボードにアクセスするのですか?
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] スクリプトタグ - 非同期と遅延
-
[解決済み】Webページの読み込みと実行の順序は?
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Chrome拡張機能:popup.htmlを強制終了させる
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する
-
[解決済み] Promise : then vs then + catch [重複].
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました