CSS page-break-after Property
 Complete CSS Reference
Example
Set the page-breaking behavior to always break after a table element:
<html>
<head>
<style>
@media print
{
table {page-break-after:always}
}
</style>
</head>
<body>
....
</body>
</html> |
|
Definition and Usage
The page-break-after property sets the page-breaking behavior after 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.pageBreakAfter="always" |
Browser Support
The page-break-after property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property
values "left", "right", or "inherit".
Note: Firefox, Chrome, and Safari do not support the property values
"avoid", "left", or "right".
Property Values
| Value |
Description |
| auto |
Default. Insert a page break after the element if necessary |
| always |
Insert a page break after the element |
| avoid |
Avoid inserting a page break after the element |
| left |
Insert page breaks after the element until it
reaches a blank left page |
| right |
Insert page breaks after the element until it
reaches a blank right page |
| inherit |
Specifies that the value of the page-break-after property should be inherited
from the parent element |
Related Pages
HTML DOM reference:
pageBreakAfter property
Complete CSS Print Reference
The Creators of XMLSpy are Pleased to Announce
| 
