Version 113379 von page-break-before

  • Adressname der Version: CSS/page-break-before
  • Titel der Version: page-break-before
  • ID der Version: 113379
  • Erstellt:
  • Autor: fscholz
  • Aktuelle Version? Nein
  • Kommentar cleanup; 226 words added, 157 words removed
Schlagwörter: 

Inhalt der Version

{{ CSSRef() }}

Übersicht

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

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

Syntax

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

Werte

auto
Standardwert. Automatischer Seitenumbruch.
always
Es wird immer ein Seitenumbruch vor einem Element eingefügt.
avoid {{ Unimplemented_inline() }}
Ein Seitenumbruch vor 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

/* Vermeide Seitenumbruch vor dem div-Element */
div.note { page-break-before: avoid;  } 

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-before:always. Siehe {{ bug("132035") }}

Spezifikation

Siehe auch

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

Quelltext der Version

<p>{{ CSSRef() }}</p>
<h3>Übersicht</h3>
<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>
<h3>Syntax</h3>
<pre class="eval">page-break-before: auto | always | avoid | left | right | inherit
</pre>
<h3>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>
<h3>Beispiele</h3>
<pre>/* Vermeide Seitenumbruch vor dem div-Element */
div.note { page-break-before: avoid;  } 
</pre>
<h3>Browser Kompatibilität</h3>
<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>
<h3>Spezifikation</h3>
<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>
<h3>Siehe auch</h3>
<ul> <li><a href="/de/CSS/page-break-after" title="de/CSS/page-break-after"><code>page-break-after</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-before" } ) }}</p>
Zu dieser Version zurücksetzen