---
title: page-break-after
slug: Web/CSS/page-break-after
tags:
  - CSS
  - druk
translation_of: Web/CSS/page-break-after
---
<div>{{ CSSRef() }}</div>

<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>

<p>Akapit podsumowania.  Właściwość CSS <code>page-break-after</code> dostosowuje łamanie stron CSS <em>po</em> bieżącym elemencie.</p>

<ul class="cssprop">
 <li><dfn>{{ Xref_cssinitial() }}</dfn> {{ Cssxref("auto") }}</li>
 <li><dfn>Stosowana do</dfn> elementów blokowych</li>
 <li><dfn>{{ Xref_cssinherited() }}</dfn> nie</li>
 <li><dfn>Media</dfn> {{ Xref_cssvisual() }}</li>
 <li><dfn>{{ Xref_csscomputed() }}</dfn> według życzenia</li>
</ul>

<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>

<pre class="eval">page-break-after: auto | always | avoid | left | right | inherit
</pre>

<h2 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h2>

<dl>
 <dt>auto</dt>
 <dd>{{ Xref_cssinitial() }}.  Samoczynne łamanie stron (dozwolone ale nie wymuszone).</dd>
 <dt>always</dt>
 <dd>Zawsze wymusza łamanie strony po elemencie.</dd>
 <dt>avoid {{ Unimplemented_inline() }}</dt>
 <dd>Unika łamania stron po elemencie.</dd>
 <dt>left {{ Unimplemented_inline() }}</dt>
 <dd>Wymusza takie łamanie strony po elemencie, że następna strona złoży się jako lewa.</dd>
 <dt>right {{ Unimplemented_inline() }}</dt>
 <dd>Wymusza takie łamanie strony po elemencie, że następna strona złoży się jako prawa.</dd>
</dl>

<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>

<pre>/* przejdź do następnej strony po przypisach */
DIV.footnotes { page-break-after:always; }</pre>

<h2 id="Uwagi" name="Uwagi">Uwagi</h2>

<p>---</p>

<h2 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h2>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/">W3C Cascading Style Sheets, level 2 revision 1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS1">W3C Cascading Style Sheets, level 1</a> (secondary)</li>
 <li><a class="external" href="http://www.w3.org/Style/CSS/current-work">W3C Cascading Style Sheets, level 3</a></li>
</ul>

<h2 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h2>

<p>(Próbna tabela kompatybilności)</p>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Przeglądarka</th>
   <th>Najniższa wersja</th>
  </tr>
  <tr>
   <td>Internet Explorer</td>
   <td>4.0</td>
  </tr>
  <tr>
   <td>Firefox</td>
   <td>?</td>
  </tr>
  <tr>
   <td>Netscape</td>
   <td>?</td>
  </tr>
  <tr>
   <td>Opera</td>
   <td>7.0</td>
  </tr>
  <tr>
   <td>Safari</td>
   <td>1.2</td>
  </tr>
  <tr>
   <td>Konqueror</td>
   <td>4.7.2</td>
  </tr>
 </tbody>
</table>

<h2 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h2>

<ul>
 <li>(zastąp własność) {{ Cssxref("page-break-before") }}, {{ Cssxref("page-break-inside") }}, {{ Cssxref("orphans") }}, {{ Cssxref("widows") }}, {{ bug("132035") }}</li>
</ul>