---
title: page-break-before
slug: Web/CSS/page-break-before
tags:
  - CSS
  - CSS Referenz
translation_of: Web/CSS/page-break-before
---
<p>{{ CSSRef() }}</p>
<h2 id="Übersicht">Übersicht</h2>
<p>Die <code>page-break-before</code> Eigenschaft dient zur Regulierung von Seitenumbrüchen vor dem aktuellen Element.</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-before: auto | always | avoid | left | right | inherit
</pre>
<h3 id="Werte">Werte</h3>
<dl>
 <dt>
  auto</dt>
 <dd>
  Standardwert. Automatischer Seitenumbruch.</dd>
 <dt>
  always</dt>
 <dd>
  Es wird immer ein Seitenumbruch vor einem Element eingefügt.</dd>
 <dt>
  avoid {{ Unimplemented_inline() }}</dt>
 <dd>
  Ein Seitenumbruch vor einem Element wird vermieden.</dd>
 <dt>
  left {{ Unimplemented_inline() }}</dt>
 <dd>
  Es wird ein Seitenumbruch eingefügt, sodass das folgende Element auf der nächsten linken Seite platziert wird.</dd>
 <dt>
  right {{ Unimplemented_inline() }}</dt>
 <dd>
  Es wird ein Seitenumbruch eingefügt, sodass das folgende Element auf der nächsten rechten Seite platziert wird.</dd>
 <dt>
  inherit {{ Unimplemented_inline() }}</dt>
 <dd>
  Der Wert des Elternelements wird geerbt.</dd>
</dl>
<h2 id="Beispiele">Beispiele</h2>
<pre>/* Vermeide Seitenumbruch vor dem div-Element */
div.note { page-break-before: 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>4.0</td>
  </tr>
  <tr>
   <td>Firefox (Gecko)</td>
   <td>1.0 (1.0) [*]</td>
  </tr>
  <tr>
   <td>Opera</td>
   <td>7.0</td>
  </tr>
  <tr>
   <td>Safari (WebKit)</td>
   <td>1.2 (125)</td>
  </tr>
 </tbody>
</table>
<p>[*] Gecko unterstützt nur <code>page-break-before:always</code>. Siehe {{ bug(132035) }}</p>
<h2 id="Spezifikation">Spezifikation</h2>
<ul>
 <li><a class="external" href="http://www.w3.org/TR/css3-page/#page-break-before" lang="en">CSS 3 Paged Media #page-break-before</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS2/page.html#propdef-page-break-before" lang="en">CSS 2.1 Paged Media #page-break-before</a></li>
</ul>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
 <li><a href="/de/CSS/page-break-after"><code>page-break-after</code></a>, <a href="/de/CSS/page-break-inside"><code>page-break-inside</code></a></li>
 <li><a href="/de/CSS/orphans" title="de/CSS/orphans"><code>orphans</code></a>, <a href="/de/CSS/widows" title="de/CSS/widows"><code>widows</code></a></li>
</ul>
<p>{{ languages( {"en": "en/CSS/page-break-before" } ) }}</p>