印刷編
印刷用スタイルの定義
Microsoftのサポート技術情報検索を印刷すると左と上の部分が印刷されない。
これを真似したくて色々調べたんですが、何しろ、ソースやスタイルシートは汚いし量多いし、JavaScriptまで使われてるんじゃ、、、ってことで、一回あきらめたんですが、
しばらくしてから検索してみたら発見しました。
CSSを読み込むときにブラウザ用と印刷用のスタイルシートを別々に指定してあげます。
<link rel="stylesheet" type="text/css" href="/css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
印刷プレビューで見てみて下さい。
もっと手抜きでやる場合は印刷時に印刷しない部分用に noprint というクラスを定義します。
@media print
{
.noprint{
display:none;
}
}
{
.noprint{
display:none;
}
}
印刷時に印刷しない部分には class="noprint" をつけます。
