Although we build sites and applications for the Web, sometimes what we make is also printed.
The following properties will help us make our content more presentable and better handled across pages when printed.
Let's check out these paging properties.
The
page-break-after
CSS property defines where the page breaks after a specific element, and it looks like this:
page-break-after: always;
What this means is that when a new page break is created, a new page will be printed.
It works only on block-level elements. Also, since this property is used for printing, it's common to see it inside an @print
media query.
This property supports five keyword values: always
, auto
, avoid
, left
, and right
.
always
: This value will force a page break after the element.auto
: This is the default value. It creates automatic page breaks.avoid
: This will not allow any page breaks after the element, if possible.left
: This will force one or two page breaks after the element in order...