htmlの質問です

モノクロ印刷用のcssとカラー印刷用のcssを分けたいのですが
そんなことできるのでしょうか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/09/10 13:24:33
  • 終了:2013/09/17 13:25:04

回答(4件)

id:taknt No.1

きゃづみぃ回答回数13537ベストアンサー獲得回数11982013/09/10 13:41:49

ポイント34pt

それぞれ モノクロ用のホームページと カラー用のホームページを作れば 分けることにはなりますし、それが一番簡単でもあると思いますね。

id:a-kuma3 No.2

a-kuma3回答回数4443ベストアンサー獲得回数18252013/09/10 13:45:37

ポイント33pt

多分、できるはずです。

/* 白黒プリンタ用のスタイル */
@media print and (monochrome) {
    #hoge {
        background-color: white;
    }
}

/* カラープリンタ用のスタイル */
@media print and (color) {
    #hoge {
        background-color: yellow;
    }
}
/*
  ↑とも書けますが、画面もカラーでしょうから、カラー用は画面もプリンタも、
  まとめてスタイルが書けます。
 */
/* 全てのデバイス(画面もプリンタも)で、カラー用のスタイル */
@media all and (color) {
    #hoge {
        background-color: yellow;
    }
}


こういうのを、「メディアクエリ」と言うそうです。
以下のようなところをご参考に。
http://www.marguerite.jp/Nihongo/WWW/RefCSS/MediaQueries/index.html
https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Media_queries

id:a-kuma3

コメントが消されてるってことは、自分でたどり着いたということですよね?
一応、規格へのリンクと引用を。

EXAMPLE 37

Express that there is one style sheet for color pages and another for monochrome:

<link rel="stylesheet" media="print and (color)" href="http://…" />
<link rel="stylesheet" media="print and (monochrome)" href="http://…" />
http://www.w3.org/TR/css3-mediaqueries/#monochrome

外部CSS をひとつにして、その中を分ける、ということでも大丈夫です。

2013/09/10 21:32:19
id:takanii

たどり着いて試してみたのですが うまく働きませんでした 残念です

2013/09/10 21:54:27
id:holoholobird No.3

holoholobird回答回数574ベストアンサー獲得回数1042013/09/11 15:58:01

ポイント33pt

英語ですが同じ質問している人がいます。
http://stackoverflow.com/questions/17294817/media-queries-color-monochrome-and-printing

http://www.quirksmode.org/css/tests/mediaqueries/color.html
特に下のページが参考になるかもしれません

id:boost_beast No.4

boost_beast回答回数785ベストアンサー獲得回数312013/09/16 23:29:55

http://www.fsfield.info/develop/css/007/
こちらが参考になると思います。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません