page-break-after
Quick Summary for page-break-after
break-after property.
Code Usage for page-break-after
/* Keyword values */ page-break-after: auto; page-break-after: always; page-break-after: avoid; page-break-after: left; page-break-after: right; page-break-after: recto; page-break-after: verso; /* Global values */ page-break-after: inherit; page-break-after: initial; page-break-after: revert; page-break-after: unset; More Details for page-break-after
page-break-after
Warning: This property has been replaced by the break-after property.
The page-break-after CSS property adjusts page breaks after the current element.
/* Keyword values */ page-break-after: auto; page-break-after: always; page-break-after: avoid; page-break-after: left; page-break-after: right; page-break-after: recto; page-break-after: verso; /* Global values */ page-break-after: inherit; page-break-after: initial; page-break-after: revert; page-break-after: unset; This property applies to block elements that generate a box. It won't apply on an empty <div> that won't generate a box.
Syntax
Values
auto Initial value. Automatic page breaks (neither forced nor forbidden).
always Always force page breaks after the element.
avoid Avoid page breaks after the element.
left Force page breaks after the element so that the next page is formatted as a left page.
right Force page breaks after the element so that the next page is formatted as a right page.
recto If pages progress left-to-right, then this acts like right. If pages progress right-to-left, then this acts like left.
verso If pages progress left-to-right, then this acts like left. If pages progress right-to-left, then this acts like right.
Page break aliases
The page-break-after property is now a legacy property, replaced by break-after.
For compatibility reasons, page-break-after should be treated by browsers as an alias of break-after. This ensures that sites using page-break-after continue to work as designed. A subset of values should be aliased as follows:
| page-break-after | break-after |
|---|---|
auto | auto |
left | left |
right | right |
avoid | avoid |
always | page |
Formal definition
| Initial value | auto |
|---|---|
| Applies to | block-level elements in the normal flow of the root element. User agents may also apply it to other elements like table-row elements. |
| Inherited | no |
| Computed value | as specified |
| Animation type | discrete |
Formal syntax
auto | always | avoid | left | right | recto | verso
Examples
Setting a page break after footnotes
/* move to a new page after footnotes */ div.footnotes { page-break-after: always; } Specifications
| Specification |
|---|
| CSS Logical Properties and Values Level 1 # page |
| Proposals for the future of CSS Paged Media # page-break-after |
See also
break-before, break-after, break-inside page-break-before, page-break-inside orphans, widows Last modified: Aug 12, 2021, by MDN contributors
Select your preferred language English (US)DeutschFrançais日本語Polski中文 (简体) Change languageAdd Comment
Other Items in CSS
Related Search Terms
Other Categories in CSS
