印刷用のクラス

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;}
}

新着(ニュース関連以外)

2018-07-26
年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。
2018-05-16
PHPで画像のヘッダ情報(?)の「Orientation」を元に画像回転させたい。
2018-03-05
Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。
2018-02-23
プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。
2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい