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

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

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

@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

関連CSSプロパティ

break-after
break-before
break-inside