「いざホームページが完成!と思ったら、印刷するときに思い通りの画面じゃなかった!」といったことはありませんか?Webサイトは本来PCなどのディスプレイで出力することを目的としているので、印刷には不向きなものです。 今ではスマートフォンやタブレットなどの持ち歩く端末が普及したために、印刷の必要性が下がったとはいえ、ページによっては印刷したいというものもまだまだあります。そこで今回は印刷用のCSSをどのようにして作るのか、見ていきたいと思います。 印刷用CSSの書き方(基本編) まずは印刷用のCSSを用意します。CSSでは、出力する端末に応じてメディアタイプをかき分けることができます。例えば以下のような種類が存在します。 screen(スクリーン、ディスプレイ) print(プリンタ) tv(テレビ) projection(プロジェクター) all(上記の全て) などなど このうち今回使用する