page-break-before
Aviso: Esta propriedade foi substituída pela propriedade 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; | Initial value | auto |
|---|---|
| Aplica-se a | 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 | não |
| Computed value | as specified |
| Animation type | discrete |
Page break aliases
A propriedade page-break-before agora é uma propriedade legada, substituída por break-before.
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:
| page-break-before | break-before |
|---|---|
auto | auto |
left | left |
right | right |
avoid | avoid |
always | page |
Syntax
Values
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.
rectoExperimental-
If pages progress left-to-right, then this acts like
right. If pages progress right-to-left, then this acts likeleft. versoExperimental-
If pages progress left-to-right, then this acts like
left. If pages progress right-to-left, then this acts likeright.
Formal syntax
page-break-before =
auto |
always |
avoid |
left |
right |
inherit
Examples
/* avoid page break before the div */ div.note { page-break-before: avoid; } Especificações
| Specification |
|---|
| CSS Logical Properties and Values Level 1 # page |
| CSS Fragmentation Module Level 3 # page-break-properties |
Browser compatibility
Loading…