CSS page-break-inside egenskap

Definition och användning

page-break-inside-egenskapen ställer in sidbrytningssättet inom elementet.

Trots att det är möjligt att tvinga fram sidbrytningar med always, kan det inte garanteras att sidbrytningar undviks, och skapare kan högst beakta att användaragenten försöker undvika att lägga till sidbrytningar.

Används på:Blockelement med position relativ eller statisk utan att flyta.

Kommentar:Använd så få sidbrytningsattribut som möjligt och undvik att använda sidbrytningsattribut i tabeller, flytande element och blockelement med kant.

Se också:

HTML DOM-handboken:pageBreakInside-egenskapen

Exempel

Ställ in sidbrytningssättet att undvika sidbrytningar inom tabell-elementet:

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

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standard. Om nödvändigt, infoga sidbrytningar inom elementet.
avoid Undvik att infoga sidbrytningar inom elementet.
inherit Det specificeras att page-break-inside-egenskapens inställning från föräldrelementet ska användas.

Tekniska detaljer

Standardvärde: auto
Arv: nej
Version: CSS2
JavaScript-syntax: object.style.pageBreakInside="avoid"

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

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