Language
日本語
English

Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

  1. Home
  2. CSS Dictionary
  3. page-break-after

page-break-after

Specifies the position of page breaks when printing.

Sample Code

div.test { page-break-after: auto;}

Available Values

ValueDescription
autoDoes not specify a page break position. This 'auto' is the initial value.
alwaysForces a page break at the specified position.
avoidAutomatically adjusts to avoid a page break at the specified position.
leftForces a page break at the specified position. When printing in two-page spread format, the specified element is printed on the left side.
rightForces a page break at the specified position. When printing in two-page spread format, the specified element is printed on the right side.

Browser Display Result

<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<p style="page-break-after: auto;">This is a p element. 'page-break-after: auto' is specified here.</p>
<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<button onclick="window.print();" onmouseover="this.style.color = &#39;red&#39;;" onmouseout="this.style.color = &#39;black&#39;;">Print</button>

<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<p style="page-break-after: always;">This is a p element. 'page-break-after: always' is specified here.</p>
<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<button onclick="window.print();" onmouseover="this.style.color = &#39;red&#39;;" onmouseout="this.style.color = &#39;black&#39;;">Print</button>

<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<p style="page-break-after: avoid;">This is a p element. 'page-break-after: avoid' is specified here.</p>
<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<button onclick="window.print();" onmouseover="this.style.color = &#39;red&#39;;" onmouseout="this.style.color = &#39;black&#39;;">Print</button>

<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<p style="page-break-after: left;">This is a p element. 'page-break-after: left' is specified here.</p>
<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<button onclick="window.print();" onmouseover="this.style.color = &#39;red&#39;;" onmouseout="this.style.color = &#39;black&#39;;">Print</button>

<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<p style="page-break-after: right;">This is a p element. 'page-break-after: right' is specified here.</p>
<p>Text. Text. Text. Text. Text. Text. Text. Text. Text.</p>
<button onclick="window.print();" onmouseover="this.style.color = &#39;red&#39;;" onmouseout="this.style.color = &#39;black&#39;;">Print</button>

Browser Compatibility

Chrome Chrome
1+
Firefox Firefox
1+
Safari Safari
1.2+
Edge Edge
12+
Supported in all versions
IE IE
11
10
9
8
7
6
Opera Opera
7+
6 and earlier ×
iOS Safari iOS Safari
1+
Android Android Browser
4.4+
3 and earlier ×
Chrome Android Chrome Android
Latest
Same support as desktop
Firefox Android Firefox Android
Latest
Same support as desktop

※ Version data is based on MDN.

Details

Specifies the position of page breaks when printing.

The page break occurs after the element to which this property is applied. To insert a page break before the element instead, use the 'page-break-before' property.

If you find any errors or copyright issues, please .