This property has been replaced by the break-inside property.

The page-break-inside CSS property adjusts page breaks inside the current element.

/* Keyword values */
page-break-inside: auto;
page-break-inside: avoid;

/* Global values */
page-break-inside: inherit;
page-break-inside: initial;
page-break-inside: unset;



Initial value. Automatic page breaks (neither forced nor forbidden).
Avoid page breaks inside the element.

Page break aliases

The page-break-inside property is now a legacy property, replaced by break-inside.

For compatibility reasons, page-break-inside should be treated by browsers as an alias of break-inside. This ensures that sites using page-break-inside continue to work as designed. A subset of values should be aliased as follows:

page-break-inside break-inside
auto auto
avoid avoid

Formal definition

Initial valueauto
Applies toblock-level elements in the normal flow of the root element. User agents may also apply it to other elements like table-row elements.
Computed valueas specified
Animation typediscrete

Formal syntax

auto | avoid


Avoiding page breaks inside elements


<div class="page">
  <p>This is the first paragraph.</p>
  <section class="list">
    <span>A list</span>
<!--       <li>two</li> -->
<!--     <li>two</li> -->
  <p>This is the second paragraph.</p>
  <p>This is the third paragraph, it contains more text.</p>
  <p>This is the fourth paragraph. It has a little bit more text than the third one.</p>


.page {
  background-color: #8cffa0;
  height: 90px;
  width: 200px;
  columns: 1;
  column-width: 100px;

.list, ol, ul, p {
  break-inside: avoid;

p {
  background-color: #8ca0ff;

ol, ul, .list {
  margin: 0.5em 0;
  display: block;
  background-color: orange;

p:first-child {
  margin-top: 0;



Specification Status Comment
CSS Paged Media Module Level 3
The definition of 'page-break-inside' in that specification.
Working Draft Allows this property on more elements.
CSS Level 2 (Revision 1)
The definition of 'page-break-inside' in that specification.
Recommendation Initial definition.

Browser compatibility

ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
page-break-insideChrome Full support 1Edge Full support 12Firefox Full support 19
Full support 19
Notes Until Firefox 25, page-break-inside: avoid did not work with the height of a block.
IE Full support 8Opera Full support 7Safari Full support 1.3WebView Android Full support 37Chrome Android Full support 18Firefox Android Full support 19
Full support 19
Notes Until Firefox 25, page-break-inside: avoid did not work with the height of a block.
Opera Android Full support 14Safari iOS Full support 1Samsung Internet Android Full support 1.0


Full support
Full support
See implementation notes.
See implementation notes.

See also