・印刷リンク
<a href="#" onclick="window.print(); return false;">印刷する</a>
・印刷ボタン
<input type="button" value="印刷する" onclick="window.print();">
印刷するときだけ隠したい要素がある場合は以下のようにして隠します
@media print{
.no_print{
display: none;
}
}
<p class="no_print">この要素は印刷時に表示されません</p>
印刷するときに要素自身は隠さず、線だけ消したい時は以下のようにして消します
.my_class{
border: 1px solud red;
}
@media print{
.no_border_print{
border: none;
}
}
<div class="my_class no_border_print">このDIVの枠は表示されません</div>
A4 縦の場合
css
@page {
size: A4 portrait;
margin: 10mm;
}
A4 横の場合
css
@page {
size: A4 landscape;
margin: 10mm;
}