RedLine Magazine : 印刷用CSSのお話
印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ！検索対策っ！さっさと検索対策～！って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは
MTで印刷用ページを作成するには？ - いっしきまさひこBLOG
Movable Typeで、印刷用ページを作成する方法を紹介します。 （Movable Typeを使っていなくても、CSSを使っていれば同様のことができます。） 次の画面のようなWebページをそのまま印刷すると、不要なものが印刷されたり、用紙からはみ出てしまう場合があります。 そこで、印刷の時だけ印刷用のページ レイアウトで表示するようにします。 次の画面は、その例です。余分な項目は削除され、固定幅だとはみ出る場合があるので、固定幅が解除されています。 （なお、今、参照している本サイトのページを印刷プレビューすると、印刷ページとWebページのレイアウトの違いを実際に確認できます。） 印刷用のページ レイアウトを作成するのはとても簡単です。 Movable Typeは、もともと「データのXHTML」と「デザインのCSS（スタイルシート）」が分離されています。 よって、既存のWebページを印刷
Perl Tips | Movable Type で、印刷用ページのスタイルシートを指定する方法。
要は、印刷用のスタイルシート（例えば、styles-print.css）を用意して、テンプレートから通常のものと一緒に指定する。以下の手順で設定する。 Movable Type の管理画面の各ページのテンプレートで、以下の部分を探す。 <link rel="stylesheet" href="styles-site.css" type="text/css"> 以下の青字の部分を追記する（行を分けて書いているが、それぞれ 1行でもよい）。 <link rel="stylesheet" href="styles-site.css" type="text/css" media="screen,tv" /> <font color="blue"><link rel="stylesheet" href="styles-print.css" type="text/css" media="print"
印刷時専用のスタイルシートを作る [ホームページ作成] All About
印刷時専用のスタイルシートを作る凝ったデザインは、画面上では綺麗でも印刷には向いていないことがあります。印刷時にのみ適用される「印刷専用スタイル」を作れば、画面上のデザインとは別に、印刷に適したデザインで印刷させることができます。 印刷されることを考慮したページにするには？ 凝ったデザインは、画面上で閲覧するには良くても、印刷には向いていないことがあります。 デザイン目的の画像が多かったり、背景色が多くてインクがもったいなかったり…。 印刷されることも考えつつ、画面上で見栄えの良いデザインを考えるというのは、なかなか大変です。 そこで、画面表示用とは別に、印刷専用のスタイルを用意してみましょう。 そうすることで、印刷用にシンプルなデザインを適用させることができます。 出力メディアタイプ別にスタイルを用意 スタイルシートでは、出力先に応じたスタイルを記述できる仕組みが用意されています。 例え
![印刷時専用のスタイルシートを作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Media types
