-PR-
締切済み

HTMLの画面上と印刷時のレイアウト

  • 暇なときにでも
  • 質問No.8721
  • 閲覧数401
  • ありがとう数7
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 72% (78/108)

WEB 上では、認識しやすい大き目のフォントサイズ、カラー(Css 指定)で表示をしているが、印刷コマンドを実行したときは、小さいフォントサイズ、モノトーン(Css 指定)で印刷される。

こんな事は可能でしょうか?

***

STYLE 指定タグ( HEAD 内)に [ media=print ] の一文を書き添えると、印刷時はその Css を参照してくれます。(確認済み)

しかし、画面表示用の Css 属性が別項目に設定してあると [ media=print] の Css は無視されてしまいます。

[ media=tv, projection ] と言うのもあるようですが、有効ではないようです。

***

PS: このような事は、JavaScript でないと出来ないのでしょうか?

Css: カスケード・スタイル・シート
環境: Win98SE, IE 5.5
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全1件)

  • 回答No.1
レベル7

ベストアンサー率 0% (0/0)

(動作確認は、Windows IE 5.5でのみ)
基本的には、CSS 基本タグ内に [ media=print ] の一文を加えるだけで、
印刷時にはそちらの CSS を参照してくれるようです。

/* --- ここから --- */
<!-- 画面用 -->
<STYLE type="text/css"><!--
P { font-size: small; color: blue }
--></STYLE>
<!-- 印刷用 -->
<STYLE type="text/css" media="print"><!--
P { font-size: 9pt; font-family: "MS ゴシック"; color: black }
--></STYLE>
/* --- ここまで1セット --- */

/* --- ここから --- */
<!-- 画面用 -->
<link rel="stylesheet" href="Screen.css">
<!-- 印刷用 -->
<link rel="stylesheet" href="Print.css" media="print">
/* --- ここまで1セット --- */

印刷時に変更したいスタイルに対しては、否定( none 等)も含めて
全てを記述した方がよろしいかと思います。

但し、印刷用の CSS を指定しても無視される場合があります。(下記参照)
現在、私が認識している無視される場合の例:
印刷時にスタイルを変更したい文字列などに対して
※ HTML スタイル(フォントサイズ、カラーなど)を適用している
※ その文字列などに、直接 CSS スタイルを適用している
その他にもあったような気がするのですが、実験を繰り返している間に
無視される場合の記述方法を忘れてしまいました。


このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-

特集


抽選で合計100名様にプレゼント!

ピックアップ

ページ先頭へ