CSS page-break-before egenskap
- föregående sida page-break-after
- Nästa sida page-break-inside
Definition och användning
page-break-before-attributet ställer in elementets page-breaking-beteende innan elementet.
Trots att man kan tvinga en sidbrytning med always, kan det inte garanteras att undvika sidbrytningar, skaparen kan högst be om att användaragenten försöker undvika sidbrytningar så mycket som möjligt.
Används på:Blockelement med position värde relative eller static som inte är flytande.
Kommentar:Använd så få sidbrytningsattribut som möjligt och undvik att använda dem med tabeller, flytande element och blockelement med kanter.
Se också:
HTML DOM Referenshandbok:pageBreakBefore-attributet
Exempel
Ställ in sidbrytning efter tabell-elementet för att alltid skapa en sidskift:
<html> <head> <style> @media print { table {page-break-before:always;} } </style> </head> <body> .... </body> </html>
CSS-syntax
page-break-before: auto|always|avoid|left|right|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
auto | Standardvärde. Lägg till sidbrytningar innan elementet om nödvändigt. |
always | Lägg till sidbrytningar innan elementet. |
avoid | Undvik att lägga till sidbrytningar innan elementet. |
left | Några sidbrytningar innan elementet, tills en tom vänster sida. |
right | Några sidbrytningar innan elementet, tills en tom höger sida. |
inherit | Detaljerar att inställningen för page-break-before egenskapen bör överföra från föräldrelementet. |
Tekniska detaljer
Standardvärde: | auto |
---|---|
Arvbarhet: | no |
Version: | CSS2 |
JavaScript-syntax: | object.style.pageBreakBefore="always" |
Webbläsarstöd
Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- föregående sida page-break-after
- Nästa sida page-break-inside