pagebreakbeforeafter

pagebreakbeforeafter is a CSS property that controls whether a page break should occur before or after an element in a printed document. It is a shorthand property that combines page-break-before and page-break-after. The allowed values are auto, always, left, right, avoid, and inherit.

auto: The default value. The user agent determines whether to insert a page break.

always: Always insert a page break.

left: Insert a page break that will result in the next page being a left page.

right: Insert a page break that will result in the next page being a right page.

avoid: Avoid inserting a page break.

inherit: Inherits the value of the parent element.

When using pagebreakbeforeafter, it is important to consider the overall layout and readability of the printed document. For example, you may want to use pagebreakbeforeafter to ensure that certain elements, such as headings or images, appear on their own page. You may also want to use it to prevent page breaks from occurring in the middle of a paragraph or table.

The pagebreakbeforeafter property is supported by most modern web browsers. However, it is always a good idea to test your printed documents in different browsers to ensure that they are displayed as intended.