CSS
La frammentazione

Angular 2 AngularJS ASP.NET HTML JavaScript jQuery PHP SVG twitter-bootstrap WordPress
Ricerca…


Sintassi

  • page-break-after: auto | sempre | evitare | sinistra | giusto | iniziale | ereditare;
  • page-break-before: auto | sempre | evitare | sinistra | giusto | iniziale | ereditare;
  • page-break-inside: auto | evitare | iniziale | ereditare;

Parametri

Valore Descrizione
auto Predefinito. Interruzioni di pagina automatiche
sempre Inserisci sempre un'interruzione di pagina
evitare Evita l'interruzione di pagina (se possibile)
sinistra Inserisci interruzioni di pagina in modo che la pagina successiva sia formattata come pagina sinistra
destra Inserisci interruzioni di pagina in modo che la pagina successiva sia formattata come pagina destra
iniziale Imposta questa proprietà sul valore predefinito.
ereditare Eredita questa proprietà dal suo elemento padre

Osservazioni

Non c'è alcuna proprietà di interruzione di pagina nei CSS. Solo le 3 proprietà ( page-break-before , page-break-after , page-break-inside ).

Correlati: orphans , widows .

Media stampa page-break

@media print {
  p {
    page-break-inside: avoid;
  }
  h1 { 
    page-break-before: always;
  }
  h2 {
    page-break-after: avoid;
  }
}

Questo codice fa 3 cose:

  • impedisce un'interruzione di pagina all'interno di qualsiasi tag p, il che significa che un paragrafo non verrà mai spezzato in due pagine, se possibile.
  • forza una page-break-before in tutte le intestazioni h1, il che significa che prima di ogni occorrenza h1, ci sarà un'interruzione di pagina.
  • impedisce le interruzioni di pagina subito dopo ogni h2


Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow