Proprietà CSS page-break-after

Definizione e uso

L'attributo page-break-after imposta il comportamento di pagina break dopo l'elemento.

Nonostante si possa forzare l'inserimento di un segno di pagina con always, non si può garantire di evitare l'inserimento di un segno di pagina, e il creatore può solo chiedere all'agente utente di evitare di inserire il segno di pagina 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:Attributo pageBreakAfter

Esempio

Impostare il comportamento di pagina break dopo l'elemento tabella per sempre:

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

Sintassi CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Predefinito. Se necessario, inserire un segno di pagina dopo l'elemento.
always Inserire un segno di pagina dopo l'elemento.
avoid Evitare di inserire un segno di pagina dopo l'elemento.
sinistra Sufficienti segni di pagina dopo l'elemento, fino a una pagina bianca sinistra.
destra Sufficienti segni di pagina dopo l'elemento, fino a una pagina bianca destra.
inherit Si prescrive che l'impostazione dell'attributo page-break-after debba essere ereditata dal padre dell'elemento.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.pageBreakAfter="always"

supporto del browser

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0