A4サイズ印刷専用WEBページを作る方法について
WEBページをA4サイズで印刷できるようにする場合、様々な設定が必要になります。 A4で連続して印刷される場合と、A4用紙1枚で収まるケースとでCSSが変わってきます。 印刷ボタンを非表示にしたり、ヘッダー・フッターを非表示にする設定も忘れずにおこないましょう。 任意に印刷向けWEBページを作る 本記事はA4印刷向けのWEBページを作る大まかな手順です。 印刷を前提としたページを前もって準備するタイプですね。 印刷を前提としていないWEBページをユーザーが印刷する場合、ある程度ユーザー任せで構わないと思います。 元々印刷向けに作っていない事を唄っておけば、多少レイアウトが変でも文句は言われないはずです。 あえて印刷ボタンを準備するケース しかしあえて印刷専用ページとして公開する場合は、きちんとした整備が必要になります。 まず内容はA4判サイズに収まるコンテンツを準備するようにしましょう。
【帳票CSS】A4印刷用のHTMLを作ろう（Chrome用） | deep-space.blue
Chromeできれいに印刷できる帳票をHTMLで作ろう！ 今回はこちらの請求書のWordテンプレートを参考にしながら帳票CSSを書きます。 請求書テンプレート（Word版）http://financial.mook.to/excel/001w.htm 作成したデモ https://deep-space.blue/testing/css-example/css-print/ 用紙設定 <body> <section class="page"> </section> </body> /* A4縦用のベース設定 */ @page { size: A4 portrait; /* 横の場合はlandscape */ margin: 0mm; } /* 各要素の余白リセット */ *{ margin: 0mm; padding: 0mm; } /* 印刷時の調子を整える */ body { width
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
