php htmlを印刷
印刷に挑戦
１．cssに記載
@charset “utf-8”;
/* CSS Document */
.print_pages{
/*A4縦*/
width: 172mm;
height: 251mm;
page-break-after: always;
position: relative;
counter-increment: page_count;
/*
print_pagesのpositionをrelative
A4縦172mmx251mm
A4横251mmxheight172mm
*/
}
/*最後のページは改ページを入れない*/
.print_pages:last-child{
page-break-after: auto;
}
.PrintButton{
display : none;
}
２．linkの組み込み
<link media=”print” rel=”stylesheet” href=”print.css”>
media=”print”で装置がプリンターの時のみ有効
3.印刷の組み込み
<input type=button name=print value=”印刷” class=”PrintButton” onClick=”javascript:window.print()”>
または
<input type=”button” value=”印刷” class=”PrintButton” onclick=”window.print();” />
<article>
<section class=”print_pages”>
ページ
</section>
<section class=”print_pages”>
ページ
</section>
<section class=”print_pages”>
ページ
</section>
</article>
3.印刷画面が起動される
class=”PrintButton” はこのボタンが印刷されない
４．ヘッダーとフッター
.print_pages:before{
position: absolute;
right: 0;
top: 0;
content: “テスト文字”;
}
.print_pages:after{
position: absolute;
right: 0;
bottom: 0;
content: counter(page_count) “ページ”;
}
５．ハードコピーでいいなら
CSSの読み込みもなしsection もなしで印刷プレビュー画面が起動する