印刷用のクラス
2010/09/05
CSSの各設定で「印刷のときはこれを指定する」って感じでやればOK。
方法は3種類。ひょっとしたら他にもあるかも。
(1)リンクしたスタイルシートをmediaを指定して読み込む
<LINK rel=”stylesheet” type=”text/css” media=”print” href=”print.css”>
(2)インポート時にmediaを指定する
@import url(“print.css”) print;
(3)一部分(ブロック単位)にmediaを指定する
@media print {
~~~
}
~~~
}
例えば、画面では背景を黒にして文字を白、でも印刷のときは背景は白で文字を黒にしたいときは下記のような設定。
body{background:url(黒っぽい背景画像) black;color:white;}
@media print {
body{background:white;color:black;}
}
@media print {
body{background:white;color:black;}
}