Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS page-break-before property


May 06, 2021 CSS Reference Manual


Table of contents


CSS page-break-before property


Set the peddle behavior that is always pedded before the table element:

<html>
<head>
<style>
@media print
{
h1 {page-break-before:always}
}
</style>
</head>

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


Description of property definition and use

The page-break-before property sets the page-break behavior before the element.

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

Note: Use plicing properties as little as possible, and avoid using peddle properties in tables, floating elements, block elements with borders.

Default: auto
Inherited: no
Version: CSS2
JavaScript syntax: object .style.pageBreakBefore="always"


Browser support

CSS page-break-before property CSS page-break-before property CSS page-break-before property CSS page-break-before property CSS page-break-before property

Page-break-before properties are supported by all major browsers.

Note: Any version of Internet Explorer (including IE8) supports property values "left," "right," and "inherit."

Note: Firefox, Chrome and Safari do not support property values "avoid," "left" and "right."


The property value

Value Describe
auto The default. Insert page breaks in front of the element if necessary.
always Insert a page break in front of the element.
avoid Avoid inserting page breaks in front of elements.
left There are enough page breaks before the element until a blank left page.
right Have enough page breaks before the element until a blank right page.
inherit Specifies that the settings of the page-break-before property should be inherited from the parent element.