Proprietà CSS page-break-inside

Definizione e uso

L'attributo page-break-inside imposta il comportamento di pagina break all'interno dell'elemento.

Nonostante si possa forzare l'inserimento di un simbolo di pagina con always, non si può garantire di evitare l'inserimento di un simbolo di pagina, l'autore può solo chiedere all'agente utente di evitare di inserirlo il più possibile.

Applicato a:Elementi bloccanti non fluttuanti con valore position equal a relative o static.

Nota:Usare il meno possibile le proprietà di pagina break e evitare di usarle nei tabella, elementi fluttuanti e elementi bloccanti con bordi.

Vedere anche:

Manuale di riferimento HTML DOM:Proprietà pageBreakInside

Esempio

Impostare il comportamento di pagina break all'interno dell'elemento tabella per evitare di effettuare paginazione:

<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid;}
}
</style>
</head>
<body>
....
</body>
</html>

Sintassi CSS

page-break-inside: auto|avoid|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Predefinito. Se necessario, inserire un simbolo di pagina all'interno dell'elemento.
avoid Evitare l'inserimento di un simbolo di pagina all'interno dell'elemento.
inherit Si stabilisce che l'impostazione di page-break-inside debba essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: auto
Inheritabilità: no
Versione: CSS2
Sintassi JavaScript: object.style.pageBreakInside="avoid"

Supporto del browser

Le numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 19.0 1.3 7.0