CSS page-break-insideProperty
Example
Avoid inserting page breaks inside <pre> and <blockquote> elements.
@media print {
pre, blockquote {page-break-inside: avoid;}
}
Attribute definition and usage instructions
The page-break-inside property sets whether a page break is inserted inside a specified element.
Note:You cannot use this property on absolutely positioned elements.
Note:Use pagination properties as sparingly as possible, and avoid using pagination properties in tables, floating elements, and block elements with borders.
| Default value: | auto |
|---|---|
| Inherited: | no |
| version: | CSS2 |
| JavaScript Syntax: | object.style.pageBreakInside="avoid" |
Browser Support
All major browsers support the page-break-inside property.
Note:IE8 and earlier versions of IE do not support the "inherit" value.
Note:Firefox, Chrome, and Safari do not support the property value "avoid".
Property value
| Value | Description |
|---|---|
| auto | Default. If necessary, a page break is inserted inside the element. |
| avoid | Avoid inserting page breaks inside elements. |
| inherit | Specifies that the settings of the page-break-inside property should be inherited from the parent element. |