CSS page-break-after Property

The page-break-after property in CSS is used to add a page-break after the stated element.

Similarly, page-break-before, page-break-after, and page-break-inside all three properties are instrumental in determining and hence defining how the resultant document would be when printed.

Note: You cannot use this property on an empty <div> or on absolutely positioned elements.

Page breaks are applied to paged media, such as printed books or documents. When a page is broken, the layout ends in the current page and the remaining elements of the document are laid out in a new page. You can see this in PDF documents, where some pages have a lot of white space left, and content continues on the next page. If no page break rules are specified, the page may break inside pieces of content such as text, lists, code snippets, images, etc.

Possible Values

auto − Page breaks should be neither forced nor prevented after the element's box.
always − A page break should be forced after this element's box.
avoid − No page break should be placed after the element's box if at all possible.
left − Force one or two page breaks after the element's box, such that the next page on which an element is printed will be a left-hand page.
right − Force one or two page breaks after the element's box, such that the next page on which an element is printed will be a right-hand page.

CSS Syntax

Supported Browsers: The browser supported by property are listed below:

Chrome
Android
Firefox (Gecko)
Firefox Mobile (Gecko)
Internet Explorer (IE)
IE Phone
Opera
Opera Mobile
Safari (WebKit)
Safari Mobile

Example -

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        page-break-after: always 
    </title> 
</head> 
  
<body> 
    <p style= "page-break-after:always;"> 
        The oldest classical Greek and Latin  
        writing had little or no space between 
        words and could be written in boustrophedon 
        (alternating directions). Over time, text 
        direction (left to right) became standardized, 
        and word dividers and terminal punctuation  
        became common. The first way to divide sentences 
        into groups was the original paragraphos,  
        similar to an underscore at the beginning of 
        the new group.[2] The Greek paragraphos  
        evolved into the pilcrow, which in English  
        manuscripts in the Middle Ages can be seen  
        inserted inline between sentences. The hedera  
        leaf (e.g. ?) has also been used in the same way. 
    </p> 
      
    <p style= "page-break-after:always;"> 
        The oldest classical Greek and Latin  
        writing had little or no space between 
        words and could be written in boustrophedon 
        (alternating directions). Over time, text 
        direction (left to right) became standardized, 
        and word dividers and terminal punctuation  
        became common. The first way to divide sentences 
        into groups was the original paragraphos,  
        similar to an underscore at the beginning of 
        the new group.[2] The Greek paragraphos  
        evolved into the pilcrow, which in English  
        manuscripts in the Middle Ages can be seen  
        inserted inline between sentences. The hedera  
        leaf (e.g. ?) has also been used in the same way. 
    </p> 
      
    Text credits : https://en.wikipedia.org/wiki/Paragraph 
</body> 
</html>