2009-07-26 10 views
6

私は、デフォルトのオンスクリーンレイアウトと同じスタイルシートを印刷媒体に使用する方法を探しています。私の利点は、CSSを更新するたびに2つのファイルを更新する必要がないことです。 1つのスタイルシートを持ち、印刷媒体に特別な規則を指定することを好むでしょう...可能ではないかもしれませんが、質問をそこに置くと思っていました。それはすべてのブラウザでサポートだ場合、私は正直わかりませんが、この構文は、あります印刷メディアとデフォルトのレイアウトに同じCSSスタイルシートを使用する方法はありますか?

答えて

3

(それがなければなりません):

@media print { 
    body { 
     background: #fff; 
     color: #000; 
    } 
    /* etc */ 
} 

media part of the CSS2 standard at W3を参照してください。

+0

へのリンクはただ、Safariの4 I」に作業する必要がありますそれをチェックするでしょう。 – Mike

6

スタイルがすべてのメディアで同じになるようにするには、スタイルシートの一般的なスタイルを通常どおり(つまり、どのメディアルールでも)定義し、関連するルールにメディア固有の要素を配置します。

あなたには、いくつかのスタイルがメディアのサブセットに適用したい場合、あなたはこのようにそれを行うことができます。

@media print { 
    body { font-size: 10pt } 
} 
@media screen { 
    body { font-size: 13px } 
} 
@media screen, print { 
    body { line-height: 1.2 } 
} 

ここrelevant W3C page

関連する問題