CSS page-break-inside Property

CSS Reference Complete CSS Reference

Example

Set the page-breaking behavior to avoid breaking inside table elements:

<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid}
}
</style>
</head>

<body>
....
</body>
</html>

Definition and Usage

The page-break-inside property sets the page-breaking behavior inside an element.

Note: You cannot use this property on absolutely positioned elements.

Note: Use the page-breaking properties as few times as possible and avoid page-breaking properties inside tables, floating elements, and block elements with borders.

Default value: auto
Inherited: no
Version: CSS2
JavaScript syntax: object.style.pageBreakInside="avoid"

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The page-break-inside property is only supported by Opera.

Property Values

Value Description
auto Default. Insert a page break inside the element if necessary
avoid Avoid inserting a page break inside the element
inherit Specifies that the value of the page-break-inside property should be inherited from the parent element

Related Pages

HTML DOM reference: pageBreakInside property

CSS Print Reference Complete CSS Print Reference