Atrybut page-break-inside w CSS

Definition and usage

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

Although it is possible to force the placement of a page break with always, it cannot be guaranteed to avoid the insertion of a page break. Creators can at most request that the user agent try to avoid inserting a page break.

Applied to:Non-floating block-level elements with position value relative or static.

Note:Use pagination properties as little as possible and avoid using pagination properties in tables, floating elements, and bordered block elements.

See also:

HTML DOM Reference Manual:pageBreakInside attribute

Example

Sets the pagination behavior to avoid pagination within table elements:

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

CSS syntax

page-break-inside: auto|avoid|initial|inherit;

Attribute value

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

Technical details

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

Browser support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 19.0 1.3 7.0