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() }}

Summary

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

Syntax

page-break-inside: auto | avoid | inherit

Werte

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

Examples

/* 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)

Specification

See also

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

Revision Source

<p>{{ CSSRef() }}</p>
<p>{{ Unimplemented_header() }}</p>
<h3>Summary</h3>
<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>
</ul>
<h3>Syntax</h3>
<pre class="eval">page-break-inside: auto | avoid | inherit
</pre>
<h3>Werte</h3>
<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>
</dl>
<h3>Examples</h3>
<pre>/* avoid page break inside the paragraph */
p { page-break-inside: avoid;  } 
</pre>
<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>
</table>
<h3>Specification</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/css3-page/#page-break-inside" lang="en">CSS 3 Paged Media #page-break-inside</a></li> <li><a class="external" href="http://www.w3.org/TR/CSS2/page.html#propdef-page-break-inside" lang="en">CSS 2.1 Paged Media #page-break-inside</a></li>
</ul>
<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>
</ul>
<p>{{ languages( {"de": "de/CSS/page-break-inside" } ) }}</p>
Revert to this revision