1. Home
  2. CSS Page-break-after property

The best CSS Page-break-after property Tutorial In 2024, In this tutorial you can learn Examples,Attribute definitions and instructions,Browser Support,Property Value,

CSS Page-break-after property

Examples

After setting the table element is always paging paging behavior:

<Html>
<Head>
<Style>
@media print
{
table {page-break-after: always}
}
</ Style>
</ Head>

<Body>
/en/en
</ Body>
</ Html>

Attribute definitions and instructions

page-break-after property settings page-breaking behavior after the element.

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

Note: Please use paging properties as little as possible, and avoid the use of paging properties in tables, floating elements, block elements with borders of.

Defaults: auto
inherit: no
version: CSS2
JavaScript syntax: object .style.pageBreakAfter = "always"

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support page-break-after property.

Note: any version of Internet Explorer (including IE8) support the property value "left", "right", and "inherit".

Note: Firefox, Chrome and Safari does not support the property value "avoid", "left" and "right"..

Property Value

value description
auto default. If necessary, insert a page break after the element.
always Insert a page break after the element.
avoid Avoid insert a page break after the element.
left After a sufficient element breaks, it has been left to a blank page so far.
right After a sufficient element breaks, right up to a blank page so far.
inherit Provisions should inherit the settings page-break-after property from the parent element.

Hot Tools

Other Tools

Online Tutorial

Website Navigation

CSS Page-break-after property
10/30