CSS page-break-before Property
The page-break-before CSS property is used to insert a page break before the specified element. This property helps to define how a document should behave when printed.
The page-break-before property cannot be applied to absolutely positioned elements or an empty element. Instead of using page-break-before, use the break-before property.
Syntax
Example
Property Values
| Value | Description |
|---|---|
| auto | Default. Page breaks occur automatically. |
| always | Always include a page break before inserting the element. |
| avoid | Avoid using a page break before the element (if possible) |
| left | Insert a page break before the element to make the next page a left page. |
| right | Insert a page break before the element to ensure that the next page is formatted correctly. |
| initial | Set this property's value to the default. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| page-break-before | 1.0 | 1.0 | 1.2 | 4.0 | 7.0 |