---
title: page-break-inside
slug: Web/CSS/page-break-inside
tags:
  - CSS
  - CSS Referenz
translation_of: Web/CSS/page-break-inside
---
<p>{{ CSSRef() }}</p>

<h2 id="Übersicht">Übersicht</h2>

<p>Die <code>page-break-inside</code> Eigenschaft dient zur Regulierung von Seitenumbrüchen innerhalb des aktuellen Elements.</p>

<ul>
 <li>Standardwert: <code>auto</code></li>
 <li>Anwendbar auf: Blockelemente</li>
 <li>Vererbbar: Nein</li>
 <li>Prozentwerte: Nein</li>
 <li>Medium: visuell, Seiten</li>
 <li>berechneter Wert: wie festgelegt</li>
</ul>

<h2 id="Syntax">Syntax</h2>

<pre class="eval">page-break-inside: auto | avoid | inherit
</pre>

<h3 id="Werte">Werte</h3>

<dl>
 <dt>auto</dt>
 <dd>Standardwert. Automatischer Seitenumbruch.</dd>
 <dt>avoid</dt>
 <dd>Ein Seitenumbruch innerhalb eines Elements wird vermieden.</dd>
 <dt>inherit</dt>
 <dd>Der Wert des Elternelements wird geerbt.</dd>
</dl>

<h2 id="Beispiele">Beispiele</h2>

<pre>/* Vermeide Seitenumbruch innerhalb des Absatzes */
p { page-break-inside: avoid;  }
</pre>

<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Browser</th>
   <th>ab 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>

<h2 id="Spezifikation">Spezifikation</h2>

<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>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li><a href="/de/docs/Web/CSS/page-break-after" title="de/CSS/page-break-after"><code>page-break-after</code></a>, <a href="/de/docs/Web/CSS/page-break-before" title="de/CSS/page-break-before"><code>page-break-before</code></a></li>
 <li><a href="/de/docs/Web/CSS/orphans" title="de/CSS/orphans"><code>orphans</code></a>, <a href="/de/docs/Web/CSS/widows" title="de/CSS/widows"><code>widows</code></a></li>
</ul>

<p>{{ languages( {"en": "en/CSS/page-break-inside" } ) }}</p>