B.84. page-break-inside

When printing a Web page, the browser simply places page breaks where they need to occur in the content so that all printed pages are as full as possible by default. This property affords you greater control over the placement of page breaks during printing, by letting you manually prevent page breaks from occurring in the middle of selected elements.

Inherited: Yes

See also: Section B.72orphans, Section B.82page-break-after, Section B.83page-break-before, Section B.125widows

B.84.1. Value

This property can take any of the following values:

avoid

The browser will try to avoid placing a page break within the selected element(s).

The practical effect of this setting is to keep all of an element on one page.

auto

Get HTML Utopia: Designing Without Tables Using CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.