CSS page-break-after Property
In CSS, the page-break-after property is used to insert a page break after the specified element.
Similarly, page-break-before, page-break-after, and page-break-inside are all important in determining and thus defining how the final document will look when printed. The page-break-after property cannot be used on elements that are absolutely positioned or on an empty <div> element.
Syntax
Example
Property Values
| Value | Description |
|---|---|
| auto | Default. Page break occurs automatically. |
| always | Always follow the element with a page break. |
| avoid | Avoid inserting a page break after the element (if possible). |
| left | Insert a page break after the element to make the next page a left page. |
| right | Insert a page break after the element to ensure that the next page is formatted correctly. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| page-break-after | 1.0 | 1.0 | 1.2 | 4.0 | 7.0 |