page-break-before

A propriedade CSS page-break-before ajusta as "quebras de páginas" antes do elemento atual.

Esta propriedade aplica-se para elementos em bloco (block) que geram uma caixa. Não será aplicada em uma <div> vazia que não irá gerar uma caixa (box).

/* Keyword values */
page-break-before: auto;
page-break-before: always;
page-break-before: avoid;
page-break-before: left;
page-break-before: right;
page-break-before: recto;
page-break-before: verso;

/* Global values */
page-break-before: inherit;
page-break-before: initial;
page-break-before: unset;

A propriedade page-break-before agora é uma propriedade legada, substituída por break-before (en-US).

Por motivos de compatibilidade, page-break-before é tratada pelos navegadores como um alias de break-before. Isso garante que sites usando page-break-before continuem a funcionar. Um subconjunto de valores deve manter aliases como a seguir:

auto

Initial value. Automatic page breaks (neither forced nor forbidden).

always

Always force page breaks before the element.

avoid

Avoid page breaks before the element.

left

Force page breaks before the element so that the next page is formatted as a left page.

right

Force page breaks before 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.

auto | (en-US) always | (en-US) avoid | (en-US) left | (en-US) right | (en-US) recto | (en-US) verso

/* avoid page break before the div */
div.note {
    page-break-before: avoid;
}

• break-before (en-US), break-after, break-inside (en-US)
• page-break-after (en-US), page-break-inside (en-US)
• orphans (en-US), widows (en-US)