プレビューや印刷の際に、どうやってCSSを変えることができますか？

私は自分のウェブページ上のいくつかのものを変更したいと思います。また、私はいくつかのものを隠したいと思っています。印刷時にCSSでこれを行う方法はありますか？特に私はいくつかのDIVとその中に含まれているすべてを隠すことができるようにしたい。プレビューや印刷の際に、どうやってCSSを変えることができますか？

出典

2011-07-03 MIMI

これは、別の印刷スタイルシートで実現できます。 media属性がキーです：私はこれを達成するために

<link href="print.css" type="text/css" rel="stylesheet" media="print">

を使用しました http://www.w3.org/TR/CSS2/media.html#at-media-rule

出典

2011-07-03 17:10:09 Viktor

ありがとうございました。ビューからDIVを隠すにはどうすればいいですか？それを行う方法はありますか？ – MIMI

@MIMI： 'display：none'で印刷スタイルシートで行います。それはそれと同じくらい簡単です。 – BoltClock

@MIMIはい、印刷スタイルシートの 'div'をターゲットにして' display：none'に設定してください。つまり'#myDiv {display：none; } '。編集：BoltClockが速かった。 =） – Viktor

回答は、CSSの@mediaルールです。表示したくない要素に#idsまたは.classesを割り当てます。そして、display：noneをprint.cssスタイルシートの要素に使用してください。

出典

2011-07-03 17:11:04

：

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

出典

2011-07-03 17:11:57 afaf12

はい、あなたのCSSを含めるときは、media属性を使用する必要があります。例えば。

<link rel="stylesheet" href="my_print_style.css" media="print">

たとえば、新しいスタイルシート全体を保証するのに十分な変更がない場合は、スタイルシートでメディアルールを使用できます。このような何か、

@media print { 
    // print specific styles. 
}

は詳細と有効なメディアタイプのため、http://www.w3.org/TR/CSS2/media.html#at-media-ruleを参照してください。

出典

2011-07-03 17:14:23 tjm

プレビューや印刷の際に、どうやってCSSを変えることができますか？

答えて

関連する問題