印刷用のCSSをアレコレ調べてます

—
ソーテック社

—

(2014-07-18)

　印刷を重視したシステムデザインをしていて、印刷用のCSSをアレコ調べています。
まず、印刷時スクリーン時と違う見た目にしたいスタイルシートを記載したCSSファイルを「media=”print”」でリンクさせます。
以下が分かりやすいです。
通常のスタイルとは別に、印刷時のみに有効となるスタイルを作成する方法 | クロノドライブ
次に改ページ位置の制御をします。
基本は「page-break-after: always;」とかを使うのですが、ついでなんで改行後に独自のヘッダとか、フッタとかも入れたいじゃん？と考えると下記のページが参考になりました。
CSSで印刷レイアウトをコントロール : アシアルブログ
ただ今回のデザインでは縦に長いtable（表）をページごとに区切るのが目的なので、ちょっと違う下記を参考にすることに。
Tableのヘッダーをすべてのページに印刷させるためのCSS | IDEA*IDEA
印刷専用とスクリーン用でヘッダを切り替えたら色々出来るんじゃね？とちょっといい気になりましたが、残念ながらブラウザがChromeだと、TRにタグに「page-break-～」を入れても機能しないっぽい。
…ここらで、ターゲットブラウザを絞って良いか、HTMLのソースをどれくらい改造して良いか、まあそもそも印刷時にどんな見た目にしたいのかの具体的な打ち合わせをした方が良さそうなんで、お勉強はひとまずここまで。