今回は印刷のイメージを確認していきます。
印刷用のスタイル指定
印刷プレビューの確認
まず、Internet Explorer を起動します
次に Internet Explorer の左上にある歯車をクリックして印刷プレビューをクリック。
こんな感じに印刷プレビューが表示されます。
続いてCSSファイルの作成
前に作ったCSS ファイルをコピーしてあらたにprint.cssを作成します。
作成したら下のメニューに関するすべてのスタイルを削除します
削除ができたら次の項目を追加・編集します
上書き保存をしておきます。
印刷用のCSSファイルの関連付け
関連付けしていきます。
すべてのファイルにリンクを付けていきます
<link rel="stylesheet"href="css/print.css"type="text/css"media="print" />
これをほかのHTMLファイルにも入力
こんな感じになります。
キリがいいので今回はこの辺で終わっておきます。
ここまでご覧いただきありがとうございました。
BY MT
----------------------------------------------------------------------------------
古いブラウザの場合はmedia属性をallにすれば Netscape4.x を除くほとんどのブラウザは適用できるようです。