CSS page-break-inside eigenschap

Definitie en gebruik

De page-break-inside-eigenschap stelt het paginaverdelingsgedrag binnen het element in.

Hoewel het met always kan worden opgelegd om een paginaverdeling in te voegen, kan niet worden gegarandeerd dat het invoegen van een paginaverdeling wordt vermeden. De maker kan maximaal vragen dat de gebruikersagent zo veel mogelijk een paginaverdeling vermeden.

Toepassing:Niet-float blokelementen met een positiewaarde van relative of static.

Opmerking:Gebruik zoveel mogelijk het minst het paginaverdelingskenmerk en vermijd het gebruik van het paginaverdelingskenmerk in tabellen, float-elementen en gebonden blokelementen met randen.

Zie ook:

HTML DOM Referentiemanual:pageBreakInside-eigenschap

Voorbeeld

Stel in dat de paginaverdeling binnen het tabel-element wordt vermeden:

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

CSS Syntax

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

Eigenschapswaarde

Waarde Beschrijving
auto Standaard. Voeg indien nodig een pagina-einde binnen het element in.
avoid Voorkom het invoegen van een pagina-einde binnen het element.
inherit Het wordt voorgesteld dat de instelling van de page-break-inside-eigenschap van het ouderlement wordt overgenomen.

Technische details

Standaardwaarde: auto
Inheritance: no
Versie: CSS2
JavaScript Syntax: object.style.pageBreakInside="avoid"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

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