備忘録的プログラミングリファレンス

印刷用スタイルシート(印刷用CSS)

 プリントアウト(印刷)用のレイアウトを設定するスタイルシートについての解説です。

 プリントアウト用のレイアウトはスタイルシートで設定できます。
 プリントアウト用のスタイルシートはそれ専用に設けておいた方が無難です。@media printでスタイルシートを定義しておくか、@import url("...") print によって別ファイルで定義したスタイルシートを読み込ませます。
 ブラウザによってはプリントアウト時に @import ルールで指定したスタイルシートを読み込んでくれます。

ページ内 Index

@media print

 @media printは、プリントアウト用のスタイルシートを定義できます。
 @media printによるレイアウトは印刷用プレビューでしか確認できません。ブラウザによってはプリントアウト用のレイアウトを確認することもできます。

@media print {
	body {
		font-size: 7mm;
		line-height: 1.2;
	}
}

@import url(" ") print

 プリントアウト用のスタイルシートを @import ルールでプリントアウト時に読み込むことができます。
 定義されたプリントアウト用のレイアウトは、基本的に印刷用プレビューでしか確認できません。ブラウザによってはプリントアウト用のレイアウトを確認することもできます。

@import url("./css/printout.css") print