締切済み 印刷用CSSを設定するのに最適な本やサイトはありますか？ 2010/02/18 11:08 印刷用CSSを設定するのに最適な本やサイトはありますか？ みんなの回答 （1） 専門家の回答 みんなの回答 ORUKA1951 ベストアンサー率45% (5062/11036) 2010/02/19 19:45 回答No.1 たぶんないでしょう。私も印刷が想定されるページは印刷用スタイルシートを用意しますが、基本的にscreen用のスタイルシートよりも格段に楽です。 せいぜい使用するプロパティと言ったら page-break-before 直前での改ページ page-break-after 直後での改ページ page-break-inside 要素内での改ページするかしないか ぐらいで、下記のものはほとんど使用しません。対応しているブラウザが限られている。 size 用紙サイズ/方向★@page内で指定 page ページ名★ widows 最初の段落の最低行数 orphans 最後の段落の最低行数 marks トンボ 仕様書を見ても済む程度ではないかと ページ媒体 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/page.html ) 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A 印刷 印刷用css css print.css cssを勉強中なんですがいまいち印刷用cssがよくわかりません。 このcssを適用させれば背景で設定した画像もすべてwebと同じように印刷されるのでしょうか？ 印刷用のcssを読み込むことはわかるんですがこの印刷用のcss（仮にprint.css）には何を 記述すればいいのでしょうか？ どうもいろんなサイトを見てもよくわかりません。 よろしくお願いします。 CSSによる印刷設定 横幅が800pxで制作したWEBページの印刷設定をCSSにて行いたいと思います。背景画像を使用しているので、IEブラウザのツール→インターネットオプション→詳細設定の一番下にある「背景の色とイメージを印刷する」にチェックを入れて印刷プレビューをかけると確かに見た目通りの表示になりますが、横幅800pxですと右端が切れてしまいます。これを横幅が切れないように印刷設定するための方法としてＣＳＳで何か設定はございますでしょうか？単純にプリンタのページ設定で横印刷や余白設定をすれば良いのでしょうが、デフォルトで最低限やっておきたいと考えております。有識者の方々、ご教授の程、よろしくお願いします。 ＣＳＳでの印刷設定 ＣＳＳを使用して「Ａ４ 横」又は「Ａ４ 縦」で印刷させるように設定できるのでしょうか？ style.page や style.size でできるようなのですが、検索しても 設定例が見当たらなかったので質問しています。 お分かりの方がいましたら、設定例など教えてください。 ネットワークエンジニアとは？技術職の未来を考える OKWAVE コラム CSSの印刷について htmlとcssで構築したのですが印刷プレビュー時にcssで設定した背景が反映されません。cssでも反映させることは出来るのですか？？ XHTMLとCSSを始めから学ぶのに最適な本またはサイトはありますでし XHTMLとCSSを始めから学ぶのに最適な本またはサイトはありますでしょうか？ wordpressを使ったサイトを構築することになり、まずXHTMLとCSSを理解するようにといわれました。 htmlは昔、エディターを使って手で書いたことがありますが、それ以上はわかりません。プログラミングについても残念ですが全くわかりません。よろしくお願いします。 css 印刷について 失礼致します。 CSSまたはその他で ユーザが設定を行わずにA3の横向きに印刷されるように 設定を行いたいのですがどうコーディングをしたら良いか判りません。 実際に可能でしょうか？ 印刷用CSSの設定 現在、上からヘッダー、コンテンツ、フッターの3段構成で中央によせ、幅が833pxのサイトがあります。しかしながら印刷時に上部のヘッダー部と中央のコンテンツ部が分離した状態で印刷を余儀なくされます。そのようにならないページもありますが、回避方法をご存知の方がいらっしゃいましたら、ご教授願います。また、簡単に全体70%とかの指定で印刷ＣＳＳを作る記述等はございますでしょうか？ ご教授の程、よろしくお願いします。 CSSサイトの３段組レイアウトによる印刷ミス 現在CSSサイトの３段組レイアウトでのサイト構築を しておりましてページが完成しました。 しかし印刷をしようとした際にIE6で印刷プレビューしようとすると、ヘッダーだけ出てきてしまい白い状態でまったく中身が印刷されませんでした。 三段組レイアウトの手法として下記の手法を用いております。 まず大本のブロック要素にoverflow:hiddenを指定し、 3カラムのすべてに、padding-bottom:32768pxを増やしmargin-bottom:-32768pxをネガティブします。 参考 http://css-happylife.com/log/css-template/000174.shtml この設定をはずすと印刷はできるのですが、サイドの伸び幅がなくなってしまいます。 なんとかこの手法のまま印刷することは可能でしょうか？？ 宜しくお願い致します。 分かり易いＣＳＳの上級本 ＨＴＭＬとＣＳＳとＪａｖａＳｃｒｉｐｔを一通り勉強しましたが 今持っている本では簡単なサイトは作れても 普段見ているような私的に上級なサイト （例えば教えてgooとか、あちこちにブロックがあって その中に文章やリンクがある） を作る事ができません。 ソフトを使わず、手打ちでやりたいと思っています。 そこで、立派なサイトが作れる分かり易いＣＳＳの上級本を ご存知でしたら是非教えて頂きたいです。 CSSで設定した背景画像が印刷されない ホームページの製作でCSSを利用して作成をしてみたのですが bodyに設定した背景画像は表示も印刷もされるのですが h1やh2などに設定した背景画像が表示はされるのですが印刷が出来ません。 media="all"にはしたので表示も印刷もされるはずだと思ったのですが。 どのようにすると印刷されますか？ 本とWebサイト HTMLとCSSを勉強するなら？ プログラムのプの字も知らないド素人ですが、HTMLとCSSに興味を持ちました。 これらのことを書いたサイトがいくつかありますが、そういうサイトで勉強するだけで充分なのか、体系的に書かれている本で勉強するべきなのかが分かりません。 サイトで充分という人もいるんですが、どうにもそういう事を言ってる人は、HTML・CSSをプログラミングとして見くびってるか、プログラマーとして中級以上の人で細切れの情報で充分という方ばかりのようにも見えます。 かといって、無料で提供しているサイトをそこまで信用していいものかも疑問だし、情報の古い新しいも区別がつかないので、大人しく本で勉強した方が良いようにも思えます。 どちらが良いと思いますか？ 本がいいという場合は、お奨めの本なども教えていただけると助かります。 閲覧用CSSと印刷用CSSを分けることは可能ですか？ 現在、WEBページをtable無しのCSSで作成しています。 普通に閲覧する場合には問題ないのですが、 印刷しようとすると外部CSSで指定している画像が 印刷できないため、#fff部分が消えてしまいます。。 その為、media="screen"とmedia="print"で使い分けて 印刷時には#fffを#999などにしようと思ったのですが、 閲覧時にそれが反映されてしまって、黒い画像に#999文字になってしまい上手くいきません。 現在の記述は、 <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css media="print"> です。 色々サイトを見たところこの方法であってると思ってたのですが 何が間違っているのでしょうか？？ もしくは、他に印刷時も閲覧画面と同じように見せる方法があれば 教えてください。よろしくお願い致します。 AIは使う人の年齢や市場にも影響する？人工知能の可能性 OKWAVE コラム 初心者向け、print.cssの解説本を教えて！ htmlファイルの指定は若干経験ありますが、CSSはゼロ。 「CSSってこういうものだ」ぐらいの知識しかないのですが、いきなり印刷用スタイルシートの指定を2日～3日でやらざるを得なくなってしまいました。 ネットで関連情報も探しますが、何しろ初心者なので、解説本が手元にあると心丈夫。 そこで、印刷用スタイルシートについて、分かりやすく解説した、「いちおし」の本を教えていただければと考えました。 同時に、初心者向け「CSSの解説本」も教えていただけると幸甚です。 どうぞよろしくお願いいたします。 CSSで画像を印刷させることは可能ですか？ 以前閲覧用と印刷用CSSの設定でご質問しました。 それは初歩的なミス（汗）で、解決したのですが、 まだ疑問がありましたので改めて質問させていただきます。 CSSで指定していて、画面上では見えている背景画像が 印刷しようとすると、消えてしまいます。 この問題を解決する方法はありますか？ （operaやfirefoxなどのブラウザを変える方法以外で） 確か、tableの背景に入れた画像も印刷時には消えてしまいますよね。 ということは、基本的に背景画像はブラウザの「背景も印刷」を設定しない限り無理なんでしょうか…？ 印刷用CSSの作り方。 今、ホームページ作成をしているのですが、印刷する際に、○○.jpgを右側に印刷するようにしたいのですが、どのようにすればよいのか苦慮しています。 （ただし、印刷する際のみで、モニター上では○○は出ていない状態） CSSでprint要素を作れば良いのは分かっているのですが、別に 「.print { display: none }」 と言う、逆にモニター上では出ているのに、印刷しないようにするCSSが入っているので、これに付け加える感じにしたいのですが、どなたかお力を貸してください。 HTMLとCSSのオススメ本 現在HTMLとCSSを基礎知識をマスターしようとしています。 とりあえず、HTML&CSS入門本を1冊購入し最後まで読み終わりました。 実践形式な本だったので、その本に書かれてある手順通りの簡単なサンプルサイトが出来上がりました。 あまりにも簡単な内容だったので、基礎知識をマスターまでは出来ていないと思います。 ですので、2冊目として基礎～マスターまで学習できる本を探しています。 1冊目の実践形式で進めていける本はとても分かりやすかったので、文字ばっかりの知識紹介やタグの羅列辞典等ではなく、画像等をはさみながら操作手順をこなしていける内容の本、又はサイトを探しています。 良い本、またはサイトはありますでしょうか？ 印刷用スタイルシートの無効化について（CSS） こんにちは。 印刷用CSSを設定している為に、ブラウザで見ている デザインを印刷することができません。 CSSをすべて無効化するのではなく、印刷用のみ無効化するには どうしたらよいのでしょうか。 宜しくお願い致します。 cssのリファレンス本でオススメ！！ cssのリファレンス本でオススメを教えてください。 今の自分の知識としては、HTMLが書けて、cssの基本を学習した程度です。 HTMLのリファレンス本は「HTMLポケットリファレンス」を所有していまして、大変重宝しています。 これと同様なcssでのリファレンス本でオススメはありますか？みなさまが使用している本を紹介していただけると助かります。 ちなみに「ポケットリファレンスシリーズのcss」を本屋でみましたが、HTML版と違ったので、購入を見送りました。 webページは過去の質問等で紹介されていましたので、大体のサイトはブックマークしてあります。 ちょっとしたときに、すぐ見れる本を探しています。 よろしくお願いします。 CSSレイアウトで背景印刷ができない。 CSSレイアウトで外注さんに制作していただいたのですが、画像のみのサイトな為、印刷したら白い紙しかプリントされません。 強制的に背景まで印刷するような、JavascriptもしくはCSSの記述はありませんでしょうか？ 外注さんに「それならテーブルでくむしかない」といわれております。 誰か助けてください。。。 CSSお勧めの本 CSSを現在勉強中です。 CSSの基礎から再度勉強したいと思っているのですが、 何かCSSのお勧めの本はありませんか？ 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他（プログラミング・開発） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
