CSS page-break-inside Property
CSS page-break-inside property sets whether a page-break should be avoided inside a specified 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.pageBreakInside = "avoid" |
Syntax
Here is a syntax for the CSS page-break-inside property
page-break-inside: auto | avoid | initial | inherit;
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| auto | Default. Automatic page-break |
| avoid | If possible avoid page-break inside the element |
| initial | Sets default value of this property |
| inherit | Inherits this property from its parent element |
Examples
The example below shows to sets page-break-inside property.
@media print {
blockquote {
page-break-inside: avoid;
}
}
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.