Esempio
Evitare un'interruzione di pagina all'interno del <p> elemento con id = "footer":
document.getElementById("footer").style.pageBreakInside = "avoid"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà pageBreakInside o restituisce il comportamento page-break all'interno di un elemento (for printing or print preview) .
Note: La proprietà pageBreakInside non ha alcun effetto sugli elementi posizionati in modo assoluto. L'interruzione di pagina è visibile solo in un'anteprima di stampa o durante la stampa.
Tip: Evitare di proprietà pagina-break all'interno di tabelle, elementi galleggianti, e gli elementi di blocco con bordi.
Supporto browser
La proprietà pageBreakInside è supportata in tutti i principali browser.
Note: Firefox, Chrome e Safari non supportano il valore della proprietà "avoid" .
Sintassi
Restituire la proprietà pageBreakInside:
object .style.pageBreakInside
Impostare la proprietà pageBreakInside:
object .style.pageBreakInside="auto|avoid|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| auto | Inserire un'interruzione di pagina all'interno dell'elemento se necessario. Questa è l'impostazione predefinita |
| avoid | Evitare un'interruzione di pagina all'interno di un elemento |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | auto |
|---|---|
| Valore di ritorno: | A String, che rappresenta il comportamento page-break all'interno di un elemento durante la stampa |
| CSS Version | CSS2 |
Pagine correlate
Di riferimento CSS: page-break-inside property
<Stile di oggetto