web-dev-qa-db-ja.com

すべてのcssスタイルがページに添付されたWebページを印刷するにはどうすればよいですか？

ユーザーが自分のWebページを印刷できるように印刷ボタンを追加したい。しかし、印刷するとすべてのCSSスタイルが失われます。プリンターは基本的なhtml要素のみを保持しているようです。ブラウザでの表示とまったく同じようにページを印刷したい場合は、どうすればよいですか？つまり、カラープリンターを使用すると、CSSスタイルのカラフルなページが印刷されます。白黒プリンターを使用すると、明るい色は白、暗い色は灰色または黒として印刷されます。

cssprintingwebpage
16
newguy

link要素にmedia="screen"がある場合は、それを削除するか、media="all"に置き換えてください。

17
Daniel O'Hara

this と this をご覧ください。

基本的には、CSS印刷ステートメントを追加する必要があります。

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />
4
Dan

CSSスタイルシートには属性mediaがあります。このCSSが適用できるメディアを指定します。可能なメディアタイプがリストされています ここ 。

<style type="text/css" media="all">
   @import "myCss.css";
</style>

OR

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