page-break-after プロパティ

　page-break-after プロパティはbreak-afterプロパティの別名です。このプロパティはbreak-afterプロパティに置き換えられました。
　page-break-after プロパティは、印刷時の改ページを入れるためのプロパティです。page-break-after プロパティが設定された後が改ページになります。

　page-break-after プロパティは、空の <div> または position:absolute; が設定されたエレメントは機能しません。

エレメントの後に改ページを挿入

page-break-after: always;

ページ内 Index

構文（Syntax）
値（Values）
備考（Remarks）
Example
関連 CSS プロパティ

構文(Syntax)

CSS

page-break-after: auto | always | avoid | left | right | initial | inherit;

DOM ( JavaScript )

値の取得

String = object.style.pageBreakAfter;

値の設定

object.style.pageBreakAfter="auto | always | avoid | left | right | initial | inherit";

値（Values）

　初期値（default値）のautoは、任意に改ページを入れない設定と同じです。エレメントの途中でもページに収まらない場合は自動で改ページが入ります。

Value	摘要
auto	初期値（default値）
always	任意に改ページ
avoid	改ページを禁止（＊ブラウザによる）
left	次ページを左ページにする
right	次ページを右ページにする
initial	初期値に戻す
inherit	親エレメントのプロパティを継承

備考（Remarks）


初期値（Default value）	auto
継承（Inherited）	No
CSS Animation	No

Example

　page-break-after プロパティの例です。例は別窓で開きます。印刷プレビューで改ページを確認して下さい。
　<div id="contents00">エレメントの後に改ページされます。できなければブラウザが対応していません。

HTML内容

<div id="over">
	<div id="contents00">
<h1>page-break-insideプロパティ</h1>
<p>　page-break-insideプロパティは<a href="break-inside.html">break-insideプロパティ</a>の別名で、<a href="break-inside.html">break-insideプロパティ</a>に置き換えられました。
<br />　page-break-insideプロパティは、印刷時にエレメント内での改ページを回避するプロパティです。page-break-insideプロパティで回避されたエレメントで改ページは設定されません。
<br />　page-break-insideプロパティはブラウザによって機能しない場合があり注意が必要です。</p>
<p>　page-break-after プロパティは、position:absolute;が設定されたエレメントは機能しません。</p>
<figure>
<figcaption>エレメント内での改ページを回避する</figcaption>
<pre>
page-break-inside: avoid;
</pre>
</figure>
<h3>関連プロパティ</h3>
<p>　関連するプロパティに以下のものがあります。</p>
<dl>
<dt><a href="page-break-after.html">page-break-after</a></dt><dd>設定された後が改ページ</dd>
<dt><a href="page-break-before.html">page-break-before</a></dt><dd>設定された前が改ページ</dd>

</dl>
	</div>
	<div id="contents01">
<h2>構文(Syntax)</h2>
<h3>CSS</h3>
<figure>
<pre>page-break-inside: auto | avoid | initial | inherit;</pre>
</figure>
<h3>DOM ( JavaScript )</h3>
<figure>
<figcaption>値の取得</figcaption>
<pre>String = object.style.pageBreakInside;</pre>
<figcaption>値の設定</figcaption>
<pre>object.style.pageBreakInside="auto | avoid | initial | inherit";</pre>
</figure>
	</div>
	<div id="contents02">
		<h2>値（Values）</h2>
		<p>　初期値（default値）のautoは、任意に改ページを入れない設定と同じです。エレメントの途中でもページに収まらない場合は自動で改ページが入ります。</p>
		<div class="ovr_tbl"><table>
		<tr><th>Value</th><th>摘要</th></tr>
		<tr><td>auto</td><td>初期値（default値）</td></tr>
		<tr><td>avoid</td><td>改ページを禁止</td></tr>
		<tr><td>initial</td><td>初期値に戻す</td></tr>
		<tr><td>inherit</td><td>親エレメントのプロパティを継承</td></tr>
		</table></div>
	</div>
</div>

CSS内容