HTML - DOM Style Object pageBreakAfter Property

Quiz

HTML DOM Style Object pageBreakAfter property sets or returns the page break behavior after an element during print or print preview.

Syntax

Set the pageBreakAfter property:

object.style.pageBreakAfter= "auto | always | avoid | emptystring | left | right | initial | inherit";

Get the pageBreakAfter property:

object.style.pageBreakAfter;

Property Values

Value	Description
auto	It is the default value which inserts a page break after the element if required.
always	It always inserts page break after the element.
avoid	It avoids the page break after the element.
emptystring	It does not insert page break after the element.
left	It inserts one or two page breaks after the element, so that the next page is to be considered as left page.
right	It inserts one or two page breaks after the element, so that the next page is to be considered as right page.
initial	It is used to set this property to it's default value.
inherit	It is used to inherit the property of it's parent element.

Return Value

It returns a string value which represents page break behavior after an element while printing.

Example of HTML DOM Style Object 'pageBreakAfter' Property

The following example sets page break after property where it specifies after which element page will break during print or print preview.

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Style Object pageBreakAfter Property
    </title>
</head>
<body>    
    <h3>
        You need to save this code in 
        your system to see changes
    </h3>
    <p>
        Click to see effects in print 
        or print preview option.
    </p>
    <button onclick="fun()">Click</button>
    <p>Welcome to Tutorials Point.</p>
    <p id="result">
        Page break after this paragraph.
    </p>
    <p>
        This paragraph will appear in new page
    </p>    
    <script>
        function fun() {
            document.getElementById("result")
                .style.pageBreakAfter = "always";
        }
    </script>
</body>
</html>

Supported Browsers

Property
pageBreakAfter	Yes 1	Yes 12	Yes 1	Yes 1.2	Yes 7

html_dom.htm

Print Page