page-break-inside | CSS CSS Properties

A legacy property used to prevent a page break from occurring inside an element when printing (for example, to keep an image and its caption on the same page).

Quick example

figure {
  /* Prevents a figure (image+caption) from being split across two pages when printing */
  page-break-inside: avoid;
}

Quick facts

Initial value

auto

Inherited

Applies to

block elements in normal flow

Animation type

discrete

Values

autoavoid

page-break-inside Browser Support

Limited availability96% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com →View on MDN →View on webstatus.dev →Learn more about Baseline →

12+