Sintassi

Significato dei valori principali:

• auto: Comportamento di default, nessuna interruzione forzata prima dell’elemento.

• always: Inserisce sempre un’interruzione di pagina prima dell’elemento.

• avoid: Evita, se possibile, un’interruzione di pagina prima dell’elemento.

• left: Inizia la pagina successiva su una pagina dispari (lato sinistro in stampa fronte-retro).

• right: Inizia la pagina successiva su una pagina pari (lato destro in stampa fronte-retro).

Esempio proprietà: page-break-before

Codice Esempio: page-break-before

CODE: CSS

1. @media print {

2.   .page-break-before-example {

3.     page-break-before: always;

4.   }

5. }

Contenuto Esempio: page-break-before

  
  <style>
    @media print {
      .page-break-before-example {
        page-break-before: always;
      }
    }
  </style>

  <div>
    <h2>Sezione 1</h2>
    <p>Contenuto della prima sezione.</p>
  </div>

  <div class="page-break-before-example">
    <h2>Sezione 2</h2>
    <p>Inizia su nuova pagina.</p>
  </div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser