EdgeでWebページを印刷する際、意図しない箇所で改ページされてしまうことがあります。印刷プレビューでページ分割位置を調整できれば、見栄えの良い印刷結果を得られます。この記事では、Edgeの印刷プレビューでページ分割位置を調整する方法と、改ページを制御する仕組みを解説します。
Webページを印刷する機会は多くあります。しかし、自動で挿入される改ページ位置が適切でないと、重要な情報が途切れたり、レイアウトが崩れたりすることがあります。Edgeの印刷機能を使えば、これらの問題を解決できます。印刷プレビュー画面での操作方法と、より詳細な改ページ制御について理解を深めましょう。
【要点】Edge印刷プレビューでのページ分割位置調整と改ページ制御
- 印刷プレビューでの改ページプレビュー機能: 印刷時にページが分割される位置を視覚的に確認・調整できます。
- Webページの改ページ制御: HTMLのCSS `page-break-before`、`page-break-after`、`page-break-inside` プロパティで改ページ位置を細かく指定できます。
- 印刷設定の調整: Edgeの印刷設定で、用紙サイズや向き、余白などを調整し、レイアウトを最適化できます。
ADVERTISEMENT
目次
Edge印刷プレビューでの改ページプレビュー機能
Edgeの印刷機能には、印刷時のページ分割位置を調整するための「改ページプレビュー」機能が搭載されています。この機能を使うことで、Webページがどのように分割されて印刷されるかを事前に確認し、必要に応じて手動で調整できます。これにより、意図しない場所での改ページを防ぎ、より見やすく整理された印刷物を作成することが可能です。
Edgeの印刷プレビューでページ分割位置を調整する手順
- 印刷したいWebページを開く
Edgeで印刷したいWebページを表示します。 - 印刷ダイアログを開く
キーボードショートカットの `Ctrl + P` を押すか、Edgeの右上にある「…」メニューから「印刷」を選択します。 - 改ページプレビューを有効にする
印刷ダイアログが表示されたら、画面下部にある「改ページプレビュー」または「改ページを表示」のようなオプションを探して有効にします。このオプションの表示はEdgeのバージョンによって異なる場合があります。 - 改ページ位置を調整する
改ページプレビューが有効になると、ページが分割される位置に青い線が表示されます。この線の上にマウスカーソルを移動させると、ドラッグできるアイコンが表示されます。アイコンをドラッグして、改ページしたい位置まで移動させます。 - 改ページを挿入または削除する
改ページ線を挿入したい場所でクリックすると、新しい改ページ線が追加されます。既存の改ページ線を削除したい場合は、その改ページ線をクリックして表示されるオプションから削除を選択します。 - 印刷を実行する
ページ分割位置の調整が完了したら、「印刷」ボタンをクリックして印刷を実行します。
Webページの改ページをCSSで制御する方法
Webページ自体のHTMLやCSSを編集できる場合、より詳細な改ページ制御が可能です。これは、Webサイトの管理者や、HTML/CSSの知識がある場合に有効な方法です。CSSの `page-break-before`、`page-break-after`、`page-break-inside` プロパティを使用します。
改ページを強制するCSSプロパティ
page-break-before
指定した要素の前に改ページを挿入するかどうかを制御します。`always` を指定すると、その要素の前に必ず改ページが入ります。
例:
.section-title {
page-break-before: always;
}
page-break-after
指定した要素の後に改ページを挿入するかどうかを制御します。`always` を指定すると、その要素の後に必ず改ページが入ります。
例:
.chapter-end {
page-break-after: always;
}
page-break-inside
指定した要素(ボックスなど)の内容が、ページをまたいで分割されないように制御します。`avoid` を指定すると、その要素の途中で改ページされるのを防ぎます。ただし、要素自体が1ページに収まらない場合は、分割されることもあります。
例:
.no-split {
page-break-inside: avoid;
}
改ページを避けるCSSプロパティ
上記以外にも、`page-break-before: avoid;` や `page-break-after: avoid;` を指定することで、特定の要素の直前や直後での改ページを避けることができます。これは、見出しと本文の間に不自然な改ページが入るのを防ぐのに役立ちます。
ADVERTISEMENT
Edgeの印刷設定でレイアウトを最適化する
Edgeの印刷プレビュー画面では、ページ分割位置の調整だけでなく、印刷レイアウト全体を最適化するための様々な設定が可能です。これらの設定を適切に行うことで、より目的に合った印刷結果を得られます。
用紙サイズと向きの選択
印刷する用紙のサイズ(A4、レターなど)と、印刷の向き(縦または横)を選択できます。Webページの内容に合わせて適切な設定を選びましょう。特に横長のページや図表が多い場合は、横向き印刷が有効です。
余白の設定
印刷時の上下左右の余白を設定できます。余白を狭くすることで、ページにより多くの内容を配置できます。逆に、余白を広く取ると、すっきりとした印象になります。通常は「標準」設定で問題ありませんが、必要に応じて「狭い」「広い」などを選択します。
印刷品質と詳細設定
プリンターによっては、印刷品質(標準、高品質など)や、カラー印刷、モノクロ印刷などの詳細設定が可能です。また、ヘッダーとフッターの表示・非表示や、背景グラフィックの印刷などもここで設定できます。背景グラフィックを印刷すると、Webページのデザインをより忠実に再現できます。
EdgeとChromeの印刷プレビュー機能の比較
EdgeとChromeはどちらもChromiumベースのブラウザであり、印刷機能も類似しています。しかし、印刷プレビュー画面のUIや一部のオプション表示に違いが見られます。
| 項目 | Edge | Chrome |
|---|---|---|
| 改ページプレビュー | 「改ページプレビュー」または「改ページを表示」として提供 | 「改ページプレビュー」として提供。Edgeとほぼ同等の操作性 |
| 用紙サイズ・向き | 標準的な選択肢を提供 | 標準的な選択肢を提供 |
| 余白設定 | 「標準」「狭い」「広い」などを選択可能 | 「標準」「狭い」「広い」などを選択可能 |
| ヘッダーとフッター | 表示/非表示の切り替えが可能 | 表示/非表示の切り替えが可能 |
| 背景グラフィック | 印刷オプションで有効/無効を設定可能 | 印刷オプションで有効/無効を設定可能 |
改ページプレビューで調整できない場合の対処法
Webページ側の改ページ設定を確認する
Edgeの改ページプレビュー機能で調整できない場合、原因はWebページ側がCSSで強制的に改ページを設定している可能性が考えられます。この場合、ブラウザ側の設定だけでは変更が難しいことがあります。もしWebページのソースコードを編集できる環境であれば、前述のCSSプロパティ (`page-break-before`, `page-break-after`, `page-break-inside`) を調整することで、改ページ位置を制御できます。
印刷設定の「用紙の向き」や「余白」を変更する
改ページプレビューで細かく調整できない場合でも、印刷設定の「用紙の向き」を縦から横に変えたり、「余白」を狭くしたりすることで、結果的に改ページ位置が意図した箇所に近くなることがあります。これらの設定変更を試してみましょう。
「印刷」ではなく「PDFに保存」を試す
Edgeには「PDFに保存」という印刷オプションがあります。これを実行すると、WebページがPDFファイルとして保存されます。PDFファイルとして保存された後、Adobe Acrobat ReaderなどのPDF編集ソフトで開けば、より詳細な改ページ編集が可能になる場合があります。ただし、PDF編集ソフトによっては高度な改ページ編集機能が有料であることもあります。
別のブラウザや印刷ツールを試す
どうしてもEdgeでうまく調整できない場合は、ChromeやFirefoxなどの他のブラウザで印刷プレビューを試してみるのも一つの方法です。ブラウザによって印刷エンジンの挙動が微妙に異なるため、別のブラウザで試すと期待通りの結果が得られることがあります。また、Webページを印刷するためだけの専用ツールや拡張機能も存在します。
ADVERTISEMENT
超解決 第一編集部
疑問解決ポータル「超解決」の編集チーム。正確な検証と、現場視点での伝わりやすい解説を心がけています。
Windows・PCの人気記事ランキング
- 【Edge】起動時や新しいタブを「Google」にする設定!ニュースを消してシンプルにする方法
- 【直し方】F7でカタカナにならない!ファンクションキーが効かず音量などが変わる時のFnロック解除法
- 【Windows】デスクトップのアイコンが「白い紙」になった!アイコンキャッシュを削除して元に戻すコマンド
- 【Windows】サブモニターが映らない!HDMIを挿しても「信号なし」になる時の認識・設定手順
- 【Windows】画面がチカチカ・点滅する!グラフィックドライバの更新と設定の見直し
- 【PC周辺】2台のモニターで壁紙を「別々」にする方法!Windows11での配置と調整
- 【Windows】パスワードなしで起動!PIN入力を省略して自動ログイン(サインイン)させる設定手順
- 【Windows】デスクトップアイコンの「緑のチェック」は何?OneDriveの同期マークを非表示にする方法
- Windows 11を極限まで軽量化する「不要な標準サービス」停止リスト|PCの動作を爆速化する設定手順とリスク管理の全貌
- 【Windows】ロック画面のタイムアウト時間を変更してすぐに画面が消えないようにする手順
