In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > page-break-after

page-break-after property

Browser support:

Specifies whether a page break occurs after the object when printing.

This property doesn't take any effect on absolutely positioned elements. The page break is only visible in a print preview or when printing. If you need other page breaking rules, use the page-break-before and page-break-inside properties.

JavaScript page for this property: pageBreakAfter. You can find other example(s) there.

Possible values:

One of the following values:

always

Always force a page break after the element.

auto

Default. Insert a page break after the element when necessary.

avoid

Avoid a page break after the current element.

empty string

Page break is not inserted after the element.

inherit

Takes the value of this property from the computed style of the parent element.

left

Force one or two page breaks after the current element, so that the next page is considered a left page.

right

Force one or two page breaks after the current element, so that the next page is considered a right page.

Default: auto.

Example HTML code 1:

This example illustrates the use of the page-break-after property:

<head>
    <style>
        .example {
            page-break-after: always;
        }
    </style>
</head>
<body>
    Please open the print preview to see the result!
    <p class="example">page break after this element</p>
    text content
</body>