Revision 25324 of page-break-inside

  • Revision slug: CSS/page-break-inside
  • Revision title: page-break-inside
  • Revision id: 25324
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment new page; page created, 117 words added

Revision Content

{{ CSSRef() }}

{{ Unimplemented_header() }}


The page-break-inside CSS property adjusts page breaks inside the current element.

  • {{ Xref_cssinitial() }}: {{ Cssxref("auto") }}
  • Applies to: block elements
  • {{ Xref_cssinherited() }}: no
  • Media: {{ Xref_cssvisual() }}, paged
  • {{ Xref_csscomputed() }}: as specified


page-break-inside: auto | avoid | inherit


Initial value. Automatic page breaks (neither forced nor forbidden).
Avoid page breaks before the element.


/* avoid page break inside the paragraph */
p { page-break-inside: avoid;  } 

Browser compatibility

Browser lowest version
Internet Explorer 8.0
Firefox (Gecko) ---
Opera 7.0
Safari (WebKit) 1.3 (312)


See also

{{ languages( {"de": "de/CSS/page-break-inside" } ) }}

Revision Source

<p>{{ CSSRef() }}</p>
<p>{{ Unimplemented_header() }}</p>
<p>The <code>page-break-inside</code> CSS property adjusts page breaks <em>inside</em> the current element.</p>
<ul> <li>{{ Xref_cssinitial() }}: {{ Cssxref("auto") }}</li> <li>Applies to: block elements</li> <li>{{ Xref_cssinherited() }}: no</li> <li>Media: {{ Xref_cssvisual() }}, paged</li> <li>{{ Xref_csscomputed() }}: as specified</li>
<pre class="eval">page-break-inside: auto | avoid | inherit
<dl> <dt>auto</dt> <dd>Initial value. Automatic page breaks (neither forced nor forbidden).</dd> <dt>avoid</dt> <dd>Avoid page breaks before the element.</dd>
<pre>/* avoid page break inside the paragraph */
p { page-break-inside: avoid;  } 
<h3>Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>lowest version</th> </tr> <tr> <td>Internet Explorer</td> <td>8.0</td> </tr> <tr> <td>Firefox (Gecko)</td> <td>---</td> </tr> <tr> <td>Opera</td> <td>7.0</td> </tr> <tr> <td>Safari (WebKit)</td> <td>1.3 (312)</td> </tr> </tbody>
<ul> <li><a class="external" href="" lang="en">CSS 3 Paged Media #page-break-inside</a></li> <li><a class="external" href="" lang="en">CSS 2.1 Paged Media #page-break-inside</a></li>
<h3>See also</h3>
<ul> <li><a href="/en/CSS/page-break-after" title="en/CSS/page-break-after"><code>page-break-after</code></a>, <a href="/en/CSS/page-break-before" title="en/CSS/page-break-before"><code>page-break-before</code></a></li> <li><a href="/en/CSS/orphans" title="en/CSS/orphans"><code>orphans</code></a>, <a href="/en/CSS/widows" title="en/CSS/widows"><code>widows</code></a></li>
<p>{{ languages( {"de": "de/CSS/page-break-inside" } ) }}</p>
Revert to this revision