Page-Break-After

Adjust page breaks after the current element.

Syntax
      Page-Break-After: auto | always | avoid | left | right ;

auto - Automatic page breaks (neither forced nor forbidden).
always - Always force page breaks after the element.
avoid - Avoid page breaks after the element (no Firefox support).
left - Force page breaks after the element so that the next page is formatted as a left page (no Firefox support).
right - Force page breaks after the element so that the next page is formatted as a right page (no Firefox support).

Page breaks will only be visible when the page is printed, or in print preview.

Page breaks can fail to work if added inside tables, floating elements, inline-block elements, and block elements with borders.

Page-Break-After might in future be replaced by the more generic break-after. The new property adds support for column and region breaks.

Examples:
body { Page-Break-After: always; }
.emw3class { Page-Break-After: avoid; }

#emw3id { Page-Break-After: always; }

Try it:

If a page break is applied to this text, the effect will be visible in print preview.

Browser Support: All major browsers. (CSS 2.1)

“Wall Street and the City Spivs, together with their sycophantic friends in the media, are all part of a big club, and you ain't in it” ~ George Carlin

Related:

page-break-before - Adjust page breaks after the current element.


Copyright © 2013-2022 Emw3.com
Some rights reserved