CSS page-break-before Property
CSS page-break-before property adjusts page breaks before the current element.
Usages
The following table outline the usages and version history of this property.
| Default value: | auto |
| Applies to: | Block-level elements |
| Inherited: | No |
| Version: | CSS2 |
| JavaScript Syntax: | object.style.pageBreakBefore = "avoid" |
Syntax
Here is a syntax for the CSS page-break-before property
page-break-before: auto | always | avoid | left | right | initial | inherit;
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| auto | Default. Automatic page-break |
| always | page-break insert before the element |
| avoid | If possible avoid page-break before the element |
| left | page-break insert before the element so that next page is formatted as a left page |
| right | page-break insert before the element so that next page is formatted as a right page |
| initial | Sets default value of this property |
| inherit | Inherits this property from its parent element |
Examples
The example below shows to sets page-break-before property.
@media print {
section {
page-break-before: always;
}
}
Browser Compatibility
- Google Chrome 1+
- Mozilla Firefox 1+
- Internet Explorer 4+
- Opera 7+
- Safari 1.2+
Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.