page-break-inside
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).
It is documented as part of the CSS Paged Media specification. The web standards community has deprecated this feature. Browsers are actively phasing out support for it.
Syntax
/* Usage Example */
figure {
/* Prevents a figure (image+caption) from being split across two pages when printing */
page-break-inside: avoid;
}
/* Syntax */
page-break-inside: auto;
page-break-inside: avoid;
/* Global values */
page-break-inside: inherit;
page-break-inside: initial;
page-break-inside: revert;
page-break-inside: revert-layer;
page-break-inside: unset;page-break-inside Browser support
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Your first month is free
Managed WordPress hosting for faster sites.