mozilla

Version 499111 von page-break-after

  • Adressname der Version: Web/CSS/page-break-after
  • Titel der Version: page-break-after
  • ID der Version: 499111
  • Erstellt:
  • Autor: fscholz
  • Aktuelle Version? Ja
  • Kommentar CSS/page-break-after Web/CSS/page-break-after

Inhalt der Version

{{ CSSRef() }}

Übersicht

Die page-break-after Eigenschaft dient zur Regulierung von Seitenumbrüchen nach dem aktuellen Element.

  • Standardwert: auto
  • Anwendbar auf: Blockelemente
  • Vererbbar: Nein
  • Prozentwerte: Nein
  • Medium: visuell, Seiten
  • berechneter Wert: wie festgelegt

Syntax

page-break-after: auto | always | avoid | left | right | inherit

Werte

auto
Standardwert. Automatischer Seitenumbruch.
always
Es wird immer ein Seitenumbruch nach einem Element eingefügt.
avoid {{ Unimplemented_inline() }}
Ein Seitenumbruch nach einem Element wird vermieden.
left {{ Unimplemented_inline() }}
Es wird ein Seitenumbruch eingefügt, sodass das folgende Element auf der nächsten linken Seite platziert wird.
right {{ Unimplemented_inline() }}
Es wird ein Seitenumbruch eingefügt, sodass das folgende Element auf der nächsten rechten Seite platziert wird.
inherit {{ Unimplemented_inline() }}
Der Wert des Elternelements wird geerbt.

Beispiele

/* Überschriften auf eine neue Seite platzieren */
h1,h2, h3 { page-break-after:always; } 

Browser Kompatibilität

Browser ab Version
Internet Explorer 4.0
Firefox (Gecko) 1.0 (1.0) [*]
Opera 7.0
Safari (WebKit) 1.2 (125)

[*] Gecko unterstützt nur page-break-after:always. Siehe {{ bug(132035) }}

Spezifikation

Siehe auch

{{ languages( {"en": "en/CSS/page-break-after" } ) }}

Quelltext der Version

<p>{{ CSSRef() }}</p>
<h2 id=".C3.9Cbersicht">Übersicht</h2>
<p>Die <code>page-break-after</code> Eigenschaft dient zur Regulierung von Seitenumbrüchen nach 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>Syntax</h2>
<pre class="eval">
page-break-after: 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 nach einem Element eingefügt.</dd>
 <dt>
  avoid {{ Unimplemented_inline() }}</dt>
 <dd>
  Ein Seitenumbruch nach 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>Beispiele</h2>
<pre>
/* Überschriften auf eine neue Seite platzieren */
h1,h2, h3 { page-break-after:always; } 
</pre>
<h2>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-after:always</code>. Siehe {{ bug(132035) }}</p>
<h2>Spezifikation</h2>
<ul>
 <li><a class="external" href="http://www.w3.org/TR/css3-page/#page-break-after" lang="en">CSS 3 Paged Media #page-break-after</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS2/page.html#propdef-page-break-after" lang="en">CSS 2.1 Paged Media #page-break-after</a></li>
</ul>
<h2>Siehe auch</h2>
<ul>
 <li><a href="/de/CSS/page-break-before"><code>page-break-before</code></a>, <a href="/de/CSS/page-break-inside" title="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-after" } ) }}</p>
Zu dieser Version zurücksetzen