2014/01/06

印刷用の改ページ指定(要素の直後)

page-break-after
印刷時の要素の直後で改ページさせるかどうか指定する。
auto

制御しない。(デフォルト)

always

要素の直前で改ページさせる。

left

強制改ページして指定要素を左側ページに印刷。

right

強制改ページして指定要素を右側ページに印刷。

avoid

改ページを避ける。

サンプルコード

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>tester</title>
	<style type="text/css" media="all">
	.end{
		page-break-after:always;
	}
	</style>
</head>
<body>
<h1>動作サンプル</h1>
<p>ページ終わりの直後で改ページするようにCSSで指定してあるん。印刷プレビューすると分かるん。</p>

<h2>小タイトル</h2>
<p>おいーっす</p>
<p class="end">ページ終わり</p>

<h2>小タイトル</h2>
<p>おいーっす</p>
<p class="end">ページ終わり</p>

<h2>小タイトル</h2>
<p>おいーっす</p>
<p class="end">ページ終わり</p>
</body>
</html>
動作サンプル

405 views