Aug 12, 2010

[Misc] CSS による印刷制御に関するメモ

CSS による印刷制御に関して個人的に抑えておきたいことをメモ。

改ページ

page-break-before, page-break-after で改ページの制御が可能。 指定可能な値は auto、always、avoid、left、right のいずれか。

<div class="page" style="page-break-after: always;">
  ここが 1 ページ分。
</div>
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification - 13 Paged media
http://www.w3.org/TR/CSS2/page.html#page-break-props

A4 に印刷する場合は 649px x 891px

A4(210mm x 297mm) に印刷する場合は、1 ページを 649px x 891px 以内に抑える。

その他参考

参考になるサイトをメモ。素晴らしい情報に感謝。

ADP: 印刷用CSSの書き方(基本編)
http://adp.daa.jp/archives/000690.html
無限の翼 : IE6、7用対応:A4サイズで印刷出来るスタイルシート指定
http://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php
PHP × Ajax = Cool CMS - [CSS] 印刷用ページを実装する方法
http://blog.aidream.jp/css/css-print-javascript-67.html
BlogでHTML日進月歩 - 印刷用CSSの導入
http://cellery.blog21.fc2.com/blog-entry-14.html

Posted in Misc | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |