mozilla

Version 487041 von page-break-inside

  • Adressname der Version: CSS/page-break-inside
  • Titel der Version: page-break-inside
  • ID der Version: 487041
  • Erstellt:
  • Autor: SJW
  • Aktuelle Version? Nein
  • Kommentar

Inhalt der Version

{{ CSSRef() }}

{{ Unimplemented_header() }}

Übersicht

Die page-break-inside Eigenschaft dient zur Regulierung von Seitenumbrüchen innerhalb des aktuellen Elements.

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

Syntax

page-break-inside: auto | avoid | inherit

Werte

auto
Standardwert. Automatischer Seitenumbruch.
avoid
Ein Seitenumbruch innerhalb eines Elements wird vermieden.
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

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

Browser Kompatibilität

Browser ab Version
Internet Explorer 8.0
Firefox (Gecko) ---
Opera 7.0
Safari (WebKit) 1.3 (312)

Spezifikation

Siehe auch

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

Quelltext der Version

<p>{{ CSSRef() }}</p>
<p>{{ Unimplemented_header() }}</p>
<h2 id=".C3.9Cbersicht">Ü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>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>Beispiele</h2>
<pre>
/* Vermeide Seitenumbruch innerhalb des Absatzes */
p { page-break-inside: avoid;  } 
</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>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>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>Siehe auch</h2>
<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-before" title="de/CSS/page-break-before"><code>page-break-before</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-inside" } ) }}</p>
Zu dieser Version zurücksetzen